Tutorials
Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.
Zurück zur Übersicht
jQuery UI Datepicker - Daten nicht anwählbar/verfügbar machen
#Tutorials#jQuery
Möchte man einen Datepicker benutzen kommt man ziemlich schnell auf den, der bei jQuery UI eingebaut. Der Datepicker ist schön, flexibel und funktioniert browserübergreifend. Ich brauchte ihn allerdings in Verbindung mit einem Buchungssystem. Der Datepicker bietet eine Funktion an, die aufgerufen wird, bevor die Tage angezeigt werden. Diese heißt "beforeShowDay". Ich habe hier eine kleine Funktion, die nun alle Daten ausblendet, die nicht verfügbar sind. Diese Daten müssen im JSON Format vorliegen.
var unavailableDates = ["09-05-2011","14-05-2011","15-05-2011"];
function unavailable(date) {
dmy = ('0' + date.getDate()).slice(-2) + "-" + ('0' + (date.getMonth()+1)).slice(-2) + "-" + date.getFullYear();
if ($.inArray(dmy, unavailableDates) < 0) {
return [true,"","Buche Jetzt"];
} else {
return [false,"","Ausgebucht"];
}
}
$('#iDate').datepicker({ beforeShowDay: unavailable });
Die Funktion guckt, ob in dem gerade angezeigten Monat Daten liegen, die nicht verfügbar sind und gibt dann false zurück.
Kommentare
Jetzt habe ich aber noch eine Frage. Kann man auch ein Datumsbereich (z.B. Ferien) angeben oder dürfen es immer nur einzelne Tage sein?
Gruß, Oliver
[code]
function getDates(startDate, stopDate) {
var dateArray = new Array();
var currentDate = startDate;
while (currentDate
In die "jquery-ui-1.10.4.js"?? Wenn ja, an welche stelle?
Sorry, aber ich kenne mich da nicht so gut aus!
Gruß,
Oliver
Grüße
Hinterlasse einen Kommentar