如何禁用已经选择的日期为下一个日期框在J.T.Sage日期框

How to disable the already selected date for next date box in J.T.Sage DateBox

本文关键字：日期 Sage 下一个 选择 何禁用      更新时间：2023-09-26

在我的应用程序中，我使用jt。鼠尾草DateBox。我想为的下一个日期框字段禁用已经选择的日期选择器，例如我的日期是13.08.14，我的其他日期框字段需要在13.08.14之后选择(注意:取决于以前的日期字段)。

这是FIDDLE FOR日期框的演示。

它有很多选项，如防止明天和昨天，但不包括在选择当前日期后

        <label for="mydate">Date 1</label>
        <input  id="date1" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>
        <label for="mydate">Date 2</label>
        <input  id="date2" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>
        <label for="mydate">Date 3</label>
        <input  id="date3" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>
        <label for="mydate">Date 4</label>
        <input  id="date4" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>
        <label for="mydate">Date 5</label>
        <input  id="date5" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}' onclick="filterDate(this.id);"/>

如何做到这一点请帮助解决这个问题

希望对您有所帮助:http://jsfiddle.net/QTuma/52/

Just change in the logic for difference calculation:
Start Date
// Get the difference
          var diff = parseInt((((startDate.getTime() - todaysDate.getTime()) / lengthOfDay)+2)*-1,10); 
And End Date
 // Get the difference
          var diff = parseInt((((endDate.getTime() - todaysDate.getTime()) / lengthOfDay)),10); 
This will work for the statement 'example my start date is like 13.08.14 my end date box fields need to select after 13.08.14 .'

我已经根据下面的参考更新了你的代码，

http://jsfiddle.net/ktbcP/528/

这应该能解决你的问题，

http://dev.jtsage.com/jQM-DateBox/doc/6-2-link/

希望有帮助!!

相关文章：