[英]How to highlight dates between fromDate and toDate, Jquery datepicker?
[英]jquery datepicker highlight eventDates between two dates
請您能幫我解決以下jquery datepicker中的問題嗎?
我想突出顯示開始日期“ 09/01/2015”到結束日期“ 09/30/2015”,而不要添加每一天,例如:
eventDates[ new Date( '09/01/2015', 09/31/2015 )] = 'unavailable';
這是我的代碼如下所示:
var eventDates = {};
eventDates[ new Date( '09/01/2015' )] = 'unavailable';
eventDates[ new Date( '09/02/2015' )] = 'unavailable';
eventDates[ new Date( '09/03/2015' )] = 'unavailable';
eventDates[ new Date( '09/04/2015' )] = 'unavailable';
eventDates[ new Date( '09/05/2015' )] = 'unavailable';
eventDates[ new Date( '09/06/2015' )] = 'unavailable';
eventDates[ new Date( '09/07/2015' )] = 'unavailable';
eventDates[ new Date( '09/08/2015' )] = 'unavailable';
eventDates[ new Date( '09/09/2015' )] = 'unavailable';
eventDates[ new Date( '09/10/2015' )] = 'unavailable';
eventDates[ new Date( '09/11/2015' )] = 'unavailable';
eventDates[ new Date( '09/12/2015' )] = 'unavailable';
eventDates[ new Date( '09/13/2015' )] = 'unavailable';
eventDates[ new Date( '09/14/2015' )] = 'unavailable';
eventDates[ new Date( '09/15/2015' )] = 'unavailable';
eventDates[ new Date( '09/16/2015' )] = 'unavailable';
eventDates[ new Date( '09/17/2015' )] = 'unavailable';
eventDates[ new Date( '09/18/2015' )] = 'unavailable';
eventDates[ new Date( '09/19/2015' )] = 'unavailable';
eventDates[ new Date( '09/20/2015' )] = 'unavailable';
eventDates[ new Date( '09/21/2015' )] = 'unavailable';
eventDates[ new Date( '09/22/2015' )] = 'unavailable';
eventDates[ new Date( '09/23/2015' )] = 'unavailable';
eventDates[ new Date( '09/24/2015' )] = 'unavailable';
eventDates[ new Date( '09/25/2015' )] = 'unavailable';
eventDates[ new Date( '09/26/2015' )] = 'unavailable';
eventDates[ new Date( '09/27/2015' )] = 'unavailable';
eventDates[ new Date( '09/28/2015' )] = 'unavailable';
eventDates[ new Date( '09/29/2015' )] = 'unavailable';
eventDates[ new Date( '09/30/2015' )] = 'unavailable';
$( ".section-booking .date-picker-inline1" ).datepicker({
beforeShowDay: function(date) {
var highlight = eventDates[date];
if (highlight) {
return [true, 'css-class-to-highlight ' + highlight, ''];
} else {
// default
return [true, '', ''];
}
}
為什么不創建這樣的高亮功能:
function highlight(start, end){
var currentDay = start;
while(currentDay <= end){
eventDates[currentDay] 'unavailable';
currentDay.setDate(currentDay.getDate() + 1);
}
}
然后使用要突出顯示的日期調用該函數:
highlight(new Date('09/01/2015'), new Date('09/30/2015'));
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.