MVC - 用于显示事件的JQuery Datepicker

Question

我目前正在构建一个MVC应用程序并使用JQuery UI Datepicker http://jqueryui.com/demos/datepicker/

预订活动.

我想在Datepicker中显示所有可用的eventdates.有没有办法重新渲染日期选择器,只使事件日期可选(可点击)或可能只是突出显示事件日期.有没有办法将日期传递给datepicker？任何经验吗？

提前致谢

Answer 1

您可能想查看beforeShowDayDatePicker 控件的事件http://jqueryui.com/demos/datepicker/#event-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, ''];
    }
});