2010-11-15 10 views
5

ich derzeit eine MVC-Anwendung baute und mit einem JQuery UI Datepicker http://jqueryui.com/demos/datepicker/MVC - JQuery Datepicker Ereignisse anzuzeigen

Veranstaltungen zu buchen.

Ich möchte alle verfügbaren Eventdates im Datepicker anzeigen. Gibt es eine Möglichkeit, den Datepicker neu zu rendern, um nur Eventdaten auswählbar zu machen (klickbar) oder nur die Eventdates zu markieren. Irgendeine Möglichkeit, Daten in den Datepicker zu übertragen? Irgendeine Erfahrung davon?

Vielen Dank im Voraus

Antwort

2

Möglicherweise möchten Sie das Ereignis beforeShowDay des DatePicker-Steuerelements http://jqueryui.com/demos/datepicker/#event-beforeShowDay anzeigen. Es scheint bereit für das, was Sie versuchen, zu tun, müssen Sie nur eine Liste von Daten und die Stile, damit zu gehen: so etwas wie:

$('.selector').datepicker({ 
    beforeShowDay: function(date) { 
     for(i = 0; i < arrayOfCalendarEventDatesYouProvide.length; i++) { 
      if(date.getMonth() == arrayOfCalendarEventDatesYouProvide[i].getMonth() 
      && date.getDay() == arrayOfCalendarEventDatesYouProvide[i].getDay() 
      && date.getYear() == arrayOfCalendarEventDatesYouProvide[i].getYear()) 

      //matched a day in the array, turn of date in calendar if you 
      //don't want it pickable 
      return [false, 'some-css-to-indicate-a-match']; 
     } 

     //if you get this far, no matches 
     return [true, '']; 
    } 
}); 
+0

Vielen Dank für die Antwort! – ilkin

0

Die Steuerung bietet min-date und max-date, aber unterstützt keine spezifischen Daten liefern: http://jqueryui.com/demos/datepicker/#min-max

Sie wahrscheinlich die Steuerung ändern müßten, sich in nehmen Eine Reihe von akzeptablen Daten, die möglicherweise nicht so schwierig sind, wie es scheint, da Sie die Min/Max-Funktionalität als Ausgangspunkt verwenden könnten.

Es ist eine ziemlich offensichtliche Eigenschaft, die von der Kontrolle obwohl fehlt!