jQuery UI datepicker兩個日期之間的范圍

Question

您能否告訴我如何在jquery ui datepicker中啟用范圍，我想確定以下格式的范圍：從2012-12-10到2012-12-20等（yy-mm-dd，已指定）。 所有其他日期均不可用。

感謝您能獲得的幫助，干杯！

Answer 1

嘗試這個：

function setInterval(){
$(function() {
    $( "#startDate" ).datepicker({
        defaultDate: "+1w",
        onSelect: function( selectedDate ) {
            $( "#endDate" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#endDate" ).datepicker({
        defaultDate: "+1w",
        onSelect: function( selectedDate ) {
            $( "#startDate" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});
}

哪里

startDate  
endDate

是datepicker的兩個輸入字段

Answer 2

嘗試類似：

jQuery("#date").datepicker({
    beforeShow: function() {
        return {
            dateFormat: 'yy-mm-dd',
            minDate: '2012-12-10',
            maxDate: '2012-12-20',
        }
    }
});

Answer 3

創建時使用maxDate和minDate選項。

鏈接

碼：

$( "#datepicker" ).datepicker({ minDate: value1, maxDate: value2 });

Answer 4

先前的答案是正確的，例如：

$(function() {
    $( "#datepicker" ).datepicker({ minDate: new Date(2012, 12, 10), maxDate: new Date(2012, 12, 20) });
});

我只想添加以下鏈接，這些鏈接可能對您有用：

http://jqueryui.com/datepicker/#min-max

http://api.jqueryui.com/datepicker/