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

时间:2014-08-13 07:21:04

标签: javascript jquery date jquery-mobile datebox

我的应用程序我使用jt.sage DateBox。我想为示例的下一个日期框字段禁用已选择的日期选择器。示例我的Date1类似于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);"/>

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

2 个答案:

答案 0 :(得分:1)

希望这有助于您: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 .'

答案 1 :(得分:-1)

我已根据以下参考更新了您的代码,

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

这可以解决您的问题,

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

希望它有所帮助!!