jquery - jQueryUIデイトピッカー。

Question

jQueryUIDatepickerを使用しています。クリックイベントの要素にクラスを追加するにはどうすればよいですか。

以下は私のコードです。私は何が間違っているのですか？

$(function(){

   $('#calendar').datepicker();
   $('#calendar').children('td').click(function(){
         $(this).addClass('selected');
   });

});

Answer 1

とにかく、始めるための簡単な解決策は次のとおりです。

var selectedDay = new Date().getDate();

$(function() {
    $("#calendar").datepicker({
        onSelect: function(dateText, inst) {
            // Save the selected day on select (if you show other months dates, you should save the selected month also.)
            selectedDay = inst.selectedDay;
        },
        // This is run for every day visible in the datepicker.
        beforeShowDay: function (date) {
            if (date.getDate() == selectedDay) {
                return [true, "selected", ""]; // Here you set your css class
            } else {
                return [true, ""]
            }
        }
    });
});​

このbeforeShowDay関数はcssクラスの設定を処理し、他の日から削除します。

もちろん、これを拡張して、選択した複数の日付で機能するようにすることもできます。これは、どこから始めればよいかを示すためだけのものです。