我目前正在建立一個MVC應用程序,並使用一個jQuery UI的DatePicker http://jqueryui.com/demos/datepicker/MVC - JQuery的日期選擇器顯示事件
預訂事件。
我想在Datepicker中顯示所有可用的事件日期。有什麼方法可以重新提交日期選擇器,以便僅選擇可以選擇的事件(可點擊)或者可以突出顯示事件。任何方式將日期傳遞給datepicker?有什麼經驗?
在此先感謝
我目前正在建立一個MVC應用程序,並使用一個jQuery UI的DatePicker http://jqueryui.com/demos/datepicker/MVC - JQuery的日期選擇器顯示事件
預訂事件。
我想在Datepicker中顯示所有可用的事件日期。有什麼方法可以重新提交日期選擇器,以便僅選擇可以選擇的事件(可點擊)或者可以突出顯示事件。任何方式將日期傳遞給datepicker?有什麼經驗?
在此先感謝
您可能想看看DatePicker控件http://jqueryui.com/demos/datepicker/#event-beforeShowDay的beforeShowDay
事件。它似乎已準備好爲你正在嘗試做什麼,你只需提供一個日期和樣式的列表去與它:類似於:
$('.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, ''];
}
});
控制提供最小日期和最大日期,但不支持提供具體日期: http://jqueryui.com/demos/datepicker/#min-max
你可能不得不修改控制自己參加一組可接受的日期,這可能並不難,因爲您可以使用最小/最大功能作爲起點。
雖然這是一個非常明顯的功能,但從控制中丟失!
感謝您的答案! – ilkin 2010-11-16 09:29:17