jquery datepicker highlight wochenende tage

Question

Ich habe einen Jquery datepicker für eine Webapplikation, meine Frage ist: Ich möchte 2 Tage zur gleichen Zeit markieren, wenn nötig. Dies ist nur für die Wochenendtage

Wenn ich Samstag auswähle, muss Sonntag hervorgehoben werden (Hinzufügen einer Klasse mit dem Namen: "ui-state-active") auch und für Sonntag das gleiche, wenn Sonntag ausgewählt, Samstag muss auch markiert werden .

beforeShowDay: function(d) { 
    var selecteddate = $(".datepicker").datepicker("getDate"); 
    var day = selecteddate.getDay(); 

    if (day == 6) { // day 6 = saturday  
     // Now saturday must get the class highlight 
     return [true, 'highlight']; 
    } 
    else if (day == 0){ // day 0 = sunday 
     // Now sunday must get the class highlight 
     return[true, 'highlight']; 
    } 

} 

Grüße Dennis

Answer 1

Sie benötigen die beforeShowDay Ereignis für die Datumsauswahl zu implementieren:

Die Funktion ein Datum als Parameter und muss ein Array zurück mit [0] gleich to true/false gibt an, ob dieses Datum auswählbar ist, [1] gleich einem CSS-Klassennamen oder '' für die Standarddarstellung und [2] ein optionaler Popup-Tooltip für dieses Datum. Es wird für jeden Tag im Datepicker aufgerufen, bevor es angezeigt wird.

Sie müssen also etwas tun:

$("#datepicker").datepicker({ 
    beforeShowDay: function(d) { 
     //check if it's Sunday then highlight Saturday and vice versa. 
    } 
});