我已經在兩個日期選擇器上實現了類似的功能。
function handleDateChange() {
var dateStart = $('#datepicker-startdate').datepicker("getDate"),
dateEnd = $('#datepicker-enddate').datepicker("getDate");
if (dateStart !== null) {
dateStart.setDate(dateStart.getDate() + 1);
$('#datepicker-enddate').datepicker('option', 'minDate', dateStart);
}
if (dateEnd !== null) {
dateEnd.setDate(dateEnd.getDate() - 1);
$('#datepicker-enddate').datepicker('option', 'maxDate', dateEnd);
}
}
使用此方法在onSelect
處理您的datepickers的(如init選項):
$(/*your datepicker selector*/).datepicker({
// ... other init options
onSelect : function(dateText, inst) {handleDateChange();}
});
我認爲這是類似於你所需要的,如果不是那麼它一定要得到你的正確的軌道上。
你看過http://jqueryui.com/demos/datepicker/#date-range的例子嗎?似乎做你想做的事。 – j08691 2012-03-02 15:52:37
對不起,但正如我所說,它沒有奏效。該示例僅限制所選日期,而不是所選日期加上一個月。 – AdrianoRR 2012-03-02 15:59:45