†でおきしブログ†

もうすぐ夏ですねヽ(•̀ω•́ )ゝ✧

jQuery datepickerでクリックした日付セルの背景色を変える方法

ポチポチクリックしていったら、クリックしたトコロの色が変わっていきます。
年や月を切り替えても色は保持されています。

☆ポイント

  • onSelectオプション
    • ここでクリックしたセルの年月日情報をオブジェクトに保存
  • beforeShowDayオプション
    • クリック後にコチラのイベントが呼ばれるので、保存しておいた年月日情報を参照して返却パラメータとして、セルに対して追加classを返却する
  • cssで色付け
    • beforeShowDayで返却した追加classを利用して色をつけるセレクタを用意

Datepicker Widget | jQuery UI API Documentation


datepickerのオプションって結構な数があるんだけど、触った事の無いものばかり。
凝った事しようと思った時に調べてみると中々面白い(^ω^ )

広告を非表示にする