2010-11-15 73 views
5

我目前正在建立一個MVC應用程序,並使用一個jQuery UI的DatePicker http://jqueryui.com/demos/datepicker/MVC - JQuery的日期選擇器顯示事件

預訂事件。

我想在Datepicker中顯示所有可用的事件日期。有什麼方法可以重新提交日期選擇器,以便僅選擇可以選擇的事件(可點擊)或者可以突出顯示事件。任何方式將日期傳遞給datepicker?有什麼經驗?

在此先感謝

回答

2

您可能想看看DatePicker控件http://jqueryui.com/demos/datepicker/#event-beforeShowDaybeforeShowDay事件。它似乎已準備好爲你正在嘗試做什麼,你只需提供一個日期和樣式的列表去與它:類似於:

$('.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

感謝您的答案! – ilkin 2010-11-16 09:29:17

0

控制提供最小日期和最大日期,但不支持提供具體日期: http://jqueryui.com/demos/datepicker/#min-max

你可能不得不修改控制自己參加一組可接受的日期,這可能並不難,因爲您可以使用最小/最大功能作爲起點。

雖然這是一個非常明顯的功能,但從控制中丟失!