jqueryプラグイン「DateTimePicker」で土日の色変更

CSS3対応で日曜日始まりの設定が前提ですが、曜日の見出し欄を装飾する方法。

ちなみに日付欄は曜日番号ごとのclass、xdsoft_day_of_week0（日曜日）　~　6（土曜日）が固定で割り当てられているのでそれをセレクタに指定すれば、開始曜日の設定を変更しても大丈夫そう。
※dayOfWeekStart:1　月曜始まり
dayOfWeekStart:0（default）　日曜始まり

.xdsoft_calendar thead tr th:nth-of-type(1){
    color:#ff6666;
}

.xdsoft_calendar thead tr th:nth-of-type(7){
    color:#6666ff;
}

.xdsoft_calendar thead tr th:nth-of-type(1){

color:#ff6666;

}

.xdsoft_calendar thead tr th:nth-of-type(7){

color:#6666ff;

}

公式サイトはこちら

http://xdsoft.net/jqplugins/datetimepicker/

サイバーキューブ開発メモ

ホームページ作成・システム開発メモ。

jqueryプラグイン「DateTimePicker」で土日の色変更

関連記事: