作成日: 2017/12/08 最終更新日: 2017/12/08
文書種別
使用方法
詳細
Calendarで特定の日付のスタイルをカスタマイズするには、customizeDateオプションを使用して下記のようなコードを実装してください。
<script>
$('#calendar').wijcalendar({
・・・
customizeDate: function ($daycell, date, dayType, hover, preview) {
if (date.getMonth() === 11 && date.getDate() === 23) //12月23日の場合
{
$daycell.find('a').css('color', 'magenta');
return true;
}
else if (date.getDay() === 0) //日曜日の場合
{
$daycell.find('a').css('color', 'red');
return true;
}
else if (date.getDay() === 6) //土曜日の場合
{
$daycell.find('a').css('color', 'blue');
return true;
}
return false;
}
});
</script>
<script>
$('#calendar').wijcalendar({
・・・
customizeDate: function ($daycell, date, dayType, hover, preview) {
if (date.getMonth() === 11 && date.getDate() === 23) //12月23日の場合
{
$daycell.find('a').css('color', 'magenta');
return true;
}
else if (date.getDay() === 0) //日曜日の場合
{
$daycell.find('a').css('color', 'red');
return true;
}
else if (date.getDay() === 6) //土曜日の場合
{
$daycell.find('a').css('color', 'blue');
return true;
}
return false;
}
});
</script>
旧文書番号
82468