2012-11-15 37 views
0

是否有可能在jqueryUI datepicker中選擇一天,並且datepicker會給接下來的N天一個像'marked-time-period'這樣的CSS類?選擇一天,並給下一個N天一個CSS類

例如:日期超過3天,您可以在日期選擇器上設置開始日期。當你點擊11月4日的時候,第5,6,7天會獲得css課程的「標記時間段」。

問候

+0

好吧,我有一個數組中的開始日期和結束日期。當用戶在11月4日點擊時,我可以看到接下來的日子,因爲數組鍵值爲2012-11-04,值爲2012-11-05,2012-11-06,2012-11-07。我如何選擇2012-11-05,2012-11-06,2012-11-07 jQuery中的datepicker?我認爲這個解決方案比從今天算起未來3天更簡單。 – poldixd

回答

1

好吧,這裏是我的解決方案:

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

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'] };

1

最簡單的「開箱即用」的方式與這個工作,可能是使用的minDate和的maxDate日期選擇器選項,其中的maxDate被提前推進在代碼中選定日期的3天。

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

那麼你可以嘗試樣式可用範圍,你想要的方式,其中類「UI的日期選擇器,不可選擇」是你不想要的日子。

1

我相信你需要像這樣的東西http://jsfiddle.net/william/YQ2Zw/2/。來源:http://stackoverflow.com/questions/7187796/highlight-tr-entire-week-datepicker