jquery日期時間選擇器問題（jQuery datepicker 4輸入文本框與限制範圍）

我想在4文本框中使用datetime選擇器。jquery日期時間選擇器問題（jQuery datepicker 4輸入文本框與限制範圍）

在第二個文本框JQuery的日期選擇器4輸入文本框與限制範圍

的日期輸入/選擇必須等於/大於（但不小於）第一文本框，同樣日期在第三文本框中輸入更大的絕大於/等於（但不小於）第二個文本框，最後第四個文本框的大小必須大於（但不小於）第三個文本框。

在兩個輸入文本框中實現日期時間選擇器看起來很容易......但是我怎麼能在超過2個輸入文本框中實現日期時間選擇器。在這個問題中需要幫助。這裏是屏幕截圖

enter image description here

2011-07-27 MikMark

請參閱http://stackoverflow.com/questions/330737/jquery-datepicker-2-inputs-textboxes-and-restricting-range/333585#333585 – marto

中的解決方案示例您是否看過http：// jqueryui。 com/demos/datepicker /＃日期範圍？ – 2011-07-27 13:15:02

在兩個輸入文本框中實現日期時間選擇器看起來很簡單...但是我如何在超過2個輸入文本框中實現日期時間選擇器。 – MikMark

讓我們假設第一齣發文本字段的ID FD1和第二FD2。你可以做類似如下：

$("#fd1").datepicker({ 
    onSelect: function (theDate) { 
        //theDate is the date String inside the fd1 textField 
        //create a date var and add it to the fd2 datepicker as minDate 
        var then= new Date(); 
        var day = parseInt(theDate.substring(0, 2)) + 1; 
        var month = parseInt(theDate.substring(3, 5)); 
        var year = theDate.substring(6, 10); 
        then.setFullYear(year, month - 1, day); 
        $("#fd2").datepicker('option', 'minDate', then); 
       } 
});

格外小心：在前面的例子上的日期的格式爲DD/MM/YYYY - 例如16/02/2011，您應該根據您的日期格式更改子字符串函數。

在第二個日期字段中，您將第一個日期設置爲分鐘日期。您將爲第二 - >第三，第三 - >第四個日期字段執行相同的操作。

來源

2011-07-27 13:23:09 gred

jquery日期時間選擇器問題（jQuery datepicker 4輸入文本框與限制範圍）

回答

相關問題