javascript - 月を変更した後のJquery Datepickerトリガー(月のレンダリング後)

Question

今月のある日を強調したいと思います。最初の月にこれを行うことができますが、「次の月」または「前の月」をクリックした後の新しい月にはできません。onChangeMonthYear イベントを使用してみましたが、これは新しい (または前の) 月がレンダリングされる前に実行されます。

何か案は？

Answer 1

おそらく、あなたの最良の選択はbeforeShowDayコールバックになるでしょう。

http://jqueryui.com/demos/datepicker/#event-beforeShowDay

日付基準に基づいて、セルの新しいクラス名を指定できます。

Answer 2

カスタムの「renderCallback」を使用して、私のjQuery 日付ピッカーでこれを行うことができます。

例:この例では、週末を無効にし、その日のスタイリング用のクラスを追加します。他にも役立つかもしれないより複雑な例がたくさんあります...

$('.date-pick')
    .datePicker(
        {
            renderCallback:function($td, thisDate, month, year)
            {
                if (thisDate.isWeekend()) {
                    $td.addClass('weekend');
                    $td.addClass('disabled');
                }
            }
        }
    );

また、必要に応じて、カレンダーが再レンダリングされるとdpMonthChangedイベントがあり、カレンダーの内容をループして強調表示することができます...

Answer 3

        hack:
         $('#calendar').datepicker({
                                    onChangeMonthYear: function (year, month, inst) {
                                        setEventsDay()
                                    }
                                 });
function setEventsDay(){
    var days = $(".ui-state-default");
                   console.log(days.length);   //31 from august to Sep 
        setTimeout(function () {
                    var days = $(".ui-state-default");
                   console.log(days.length);     //30 `enter code here`from august to Sep 

                }, 100)
    }