網頁

2015年9月16日 星期三

[JavaScript] datepicker 選擇日期區間設定

使用小月曆選擇日期時

通常我都用JQuery的datepicker (官網:https://jqueryui.com/datepicker/ )

最近接到一個需求:

根據前一個radio判斷可選擇的日期區間

第一次執行時可以透過下列設定minDate與maxDate

$("#selectDate").datepicker({
        minDate: new Date(2015,1,1),
        maxDate: new Date(2015,12,31)
    });

但執行後一樣的程式卻不能用了

沒有報錯,但也沒有反應

原來要執行後要重新設定datepicker的屬性,必須要加入option 

範例如下


$("#selectDate").datepicker("option", "minDate", new Date());
$("#selectDate").datepicker("option", "maxDate", null);


執行結果: https://output.jsbin.com/wusini

沒有留言:

張貼留言