Wyzwalacz Jquery Datepicker po zmianie miesiąca (po renderowaniu miesiąca)

Question

Chcę wyróżnić kilka dni w bieżącym miesiącu. Mogę to zrobić w pierwszym miesiącu, ale nie w nowym miesiącu po kliknięciu "następny miesiąc" lub "poprzedni miesiąc". Próbowałem używać zdarzenia onChangeMonthYear, ale jest ono wykonywane przed renderowaniem nowego (lub poprzedniego) miesiąca.

jakieś pomysły?

Answer 1

Prawdopodobnie najlepszym wyborem będzie wywołanie zwrotne beforeShowDay.

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

można określić nową nazwę klasy dla komórki, w oparciu o co twoje kryteria data jest.

Answer 2

Możesz to zrobić z moim jQuery datepicker używając niestandardowego "renderCallback".

np. This example wyłącza weekendy i dodaje klasę do stylizacji tych dni. Istnieje wiele innych, bardziej complex examples które mogą pomóc też ...

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

Ponadto, jeśli wolisz, jest wydarzeniem dpMonthChanged raz kalendarz został ponownie renderowane i można pętli nad zawartością kalendarza i podświetl ...

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) 
    }