datepicker範圍選擇與突出顯示和選擇回調

Question

我使用jQuery UI顯示2個月的內聯日期選擇器，我想啓用範圍選擇從一天到另一天與中間突出顯示，還從日期和到日期「捕捉」日期與一些回調，所以我可以將它們插入一些輸入。

這是我當前的代碼：

HTML：

<div id="journey-calendar"></div> 

腳本：

$('#journey-calendar').datepicker({ 
     numberOfMonths: [2, 1], 
     showOtherMonths: true, 
     altField: '.begin-trip-date', 
     altFormat: 'dd M yy', defaultDate: null 
    }); 

我希望得到任何幫助或演示！

Answer 1

我做了類似的事情。我有2個日期選擇器，一個用於開始日期，另一個用於結束日期。我添加了一個css類來爲範圍中的日期設置背景顏色。這裏是我的代碼：

}, 
beforeShowDay: function(date) { 
    var fromDate = new Date($(".lblDateFrom").text()); 
    var toDate = new Date($(".lblDateTo").text());  

    if (date >= fromDate && date <= toDate) { 
    return [true, 'ui-individual-date', '']; 
    } 
    else { 
    return [true, '', '']; 
} 
}, 

//css class 
.ui-individual-date { 
background-color: #F2F5F7; 
}