如何在J.T.Sage DateBox中禁用下一个日期的已选择日期框 [英] How to disable the already selected date for next date box in J.T.Sage DateBox

问题描述

我的应用程序我使用jt.sage DateBox。我想要禁用下一个日期框的已选择的日期戳，例如我的Date1就像13.08.14我的其他日期框字段需要在13.08.14之后选择（注意：取决于以前的日期字段） 。

以下是 FIDDLE FOR 日期

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

 < label for =mydate>日期1< / label> 
< input id =date1type =datedata-role =dateboxdata-options ='{mode：datebox，useNewStyle：true}'onclick =filterDate this.id）;/> 
< label for =mydate>日期2< / label> 
< input id =date2type =datedata-role =dateboxdata-options ='{mode：datebox，useNewStyle：true}'onclick =filterDate this.id）;/> 
< label for =mydate>日期3< / label> 
< input id =date3type =datedata-role =dateboxdata-options ='{mode：datebox，useNewStyle：true}'onclick =filterDate this.id）;/> 
< label for =mydate>日期4< / label> 
< input id =date4type =datedata-role =dateboxdata-options ='{mode：datebox，useNewStyle：true}'onclick =filterDate this.id）;/> 
< label for =mydate>日期5< / label> 
< input id =date5type =datedata-role =dateboxdata-options ='{mode：datebox，useNewStyle：true}'onclick =filterDate this.id）;/> 
  

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

解决方案

希望这可以帮助您： http：// jsfiddle。净/ QTuma / 52 /

 只需更改差异计算逻辑：
 
开始日期
 //获取差异
 var diff = parseInt（（（（startDate.getTime（） -  todaysDate.getTime（））/ lengthOfDay）+2）*  -  1,10）; 
 
和结束日期
 
 //获取差异
 var diff = parseInt（（（（endDate.getTime（） -  todaysDate.getTime（））/ lengthOfDay ）），10）; 
 
这将为该语句工作示例我的开始日期就像13.08.14我的结束日期框字段需要在13.08.14之后选择'
  / pre> 
I my application i use jt.sage DateBox. I want to disable the already selected datepicker for next date box fields for example my Date1 is like 13.08.14 my other date box fields need to select after 13.08.14 (NOTE : depends on previous date fields).

Here is the FIDDLE FOR date box demo.

It has lot of options like prevent tomorrow and yesterday day but not include after select the current date
        <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);"/>
How to do this please help to solve this one.
解决方案
Hope this helps you : 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 .'


                        
这篇关于如何在J.T.Sage DateBox中禁用下一个日期的已选择日期框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！