选择一天,然后在接下来的N天给css课程

时间:2012-11-15 12:53:51

标签: jquery jquery-ui

是否有可能在jqueryUI datepicker中选择一天,而datepicker会在接下来的N天给出一个css类,如'marked-time-period'?

例如:日期超过3天,您可以在日期选择器上设置开始日期。当您在11月4日点击时,5日,6日,7日获得css课程'标记时间段'。

问候

3 个答案:

答案 0 :(得分:1)

最简单的#34;开箱即用"使用它的方法可能是使用minDate和maxDate datepicker选项,其中maxDate比代码中选定日期提前3天提前。

http://jqueryui.com/datepicker/#date-range

然后,您可以尝试按照您想要的方式设置可用范围的样式,其中类" ui-datepicker-unselectable"是你不想要的日子。

答案 1 :(得分:1)

我相信你需要这样的东西http://jsfiddle.net/william/YQ2Zw/2/。资料来源:http://stackoverflow.com/questions/7187796/highlight-tr-entire-week-datepicker

答案 2 :(得分:1)

好的,这是我的解决方案:

http://jsfiddle.net/tungon/buyrZ/

var datesFromDatabase 是在PHP中生成的。

var datesFromDatabase = { '16.11.2012': ['17.11.2012', '18.11.2012', '19.11.2012'], '17.11.2012': ['18.11.2012', '19.11.2012', '20.11.2012'] };