2016-05-09 11 views
0
$('#date').datepicker({ 
    maxDate: "+30d", 
    minDate:0 
}); 

Ich möchte die nächsten 10 stammen aus dem aktuellen Datum deaktivieren, ich versuche, mit diesem Code zu tun, aber nicht funktioniertdeaktivieren nächsten 10 Tage in jQuery UI Datepicker

+0

Sind vergangene Daten gültige Daten oder nicht? Mit minDate und maxDate können Sie einfach einen Datumsbereich definieren (minDate "+ 10d", maxDate: "+ 30d" kann eine Option sein). Benötigen Sie das oder benötigen Sie etwas komplizierteres (z. B. alle Daten außer einigen Bereich)? – Danilo

Antwort

1

Verwenden Sie einfach minDate:

$('#date').datepicker({ 
    maxDate: "+30d", 
    minDate: "+10d" 
}); 

RESULT

enter image description here

WORKING DEMO


HINWEIS: diese wird wählbar 20 Tage machen, wenn Sie 30 Tage zulassen möchten Auswahl 10 Tage ab heute müssen Sie auf Attribut :

$('#date').datepicker({ 
    maxDate: "+40d", 
    minDate: "+10d" 
}); 

HINZUFÜGEN:

danke Jordi, wenn es möglich ist, nur das aktuelle Datum zu aktivieren ??

@achu Sie meinen, aktivieren Sie heute UND deaktivieren nächste 9 Tage?

ja Ihr Recht, heute Datum sollte aktiviert werden.

Dies kann über jquery oder javascript einfach Entfernen der Klassen durchgeführt werden, dass Sie den Tag wählen nicht gestattet.

// select today's object, and remove classes ui-datepicker-unselectable ui-state-disabled 
$(".ui-datepicker-today").removeClass("ui-datepicker-unselectable ui-state-disabled"); 

HAFTUNGSAUSSCHLUSS: vorsichtig sein, sollten die Klassen zu entfernen getan werden, wenn Datepicker erstellt wird, in dieser WORKING DEMO ist man sehen kann ich onClick verwenden, schauen THIS NON WORKING DEMO, wo gleiche Code nicht in eine Funktion gewickelt ist ausgeführt in onReady wenn datepicker noch nicht existiert.

RESULT (css auch hinzugefügt;)

enter image description here


Uhm .., die nicht genug zu sein scheint ... Die heutige Taste kann nicht ... angeklickt werden, habe ich versucht, Attribute hinzugefügt und Klassen wie andere wählbare Tage aber kein Erfolg und keine Zeit mehr heute ...

Etwas noch fehlt (Hover nicht aktiv ...)

+0

danke Jordi, wenn es möglich ist, das aktuelle Datum nur zu aktivieren – achu

+0

@achu Sie meinen, aktivieren Sie heute UND deaktivieren Sie die nächsten 9 Tage? –

+0

ja dein recht, heute sollte datum aktiviert sein. – achu

Verwandte Themen