显示日历中的有限天数
show limited days in calendar
下面是我尝试的代码。
From:<input data-dojo-id="myFromDate" type="text" name="fromDate" id="fromDate" value="" data-dojo-type="dijit/form/DateTextBox" required="true" constraints="{ datePattern: 'MM/dd/yyyy'}" onChange="myToDate.constraints.min = arguments[0];"/>
To:<input data-dojo-id="myToDate" type="text" name="toDate" id="toDate" value="" data-dojo-type="dijit/form/DateTextBox" required="true" constraints="{ datePattern: 'MM/dd/yyyy'}" onChange="myFromDate.constraints.max = arguments[0];" />
<input type="submit" value="submit"/>
请建议我如何在"fromDate"字段中选择日期后仅启用未来90天,如果在"toDate"字段选择日期则启用过去90天。
我建议您使用dojo/date
进行Date操作,而使用dijit/form/DateTextBox
用于向CCD_ 3小部件添加约束的约束。
例如
<label for="fromDate">From:</label>
<input id="fromDate" data-dojo-type="dijit/form/DateTextBox"
data-dojo-props='type:"text", name:"fromDate", required:true,
onChange:function(){
var fromDate = this.get("value");
var fromDate90 = dojo.date.add(fromDate,"day",90);
//Add min date fromDate.
dijit.byId("toDate").constraints.min = fromDate;
//add max date fromDate + 90 days.
dijit.byId("toDate").constraints.max = fromDate90;
} '/>
<label for="toDate">To:</label>
<input id="toDate" data-dojo-type="dijit/form/DateTextBox"
data-dojo-props='type:"text", name:"toDate", required:true,
onChange:function(){
var toDate = this.get("value");
var toDate90 = dojo.date.add(toDate,"day",-90);
//Add max date toDate.
dijit.byId("fromDate").constraints.max = toDate;
//Add min date toDate - 90 days.
dijit.byId("fromDate").constraints.min = toDate90;
} '/>
相关文章:
- 如何在完整日历中的当天点击时显示活动详细信息
- 日历显示不正确
- php:两个日历没有显示
- 完整日历 (v2) 在每周视图槽的顶部显示弹出框
- 使用完整日历在网站上获取并显示来自Google日历事件的附加图像
- Angular Material DatePicker日历显示在Angular Modal后面
- jQuery-克隆的日期选择器日历未显示在日期选择器字段旁边
- 完整日历未显示在引导模式中
- 水平日历今天的日期以纯javascript突出显示
- 谷歌日历订阅源未显示事件
- Jqueryui日期选择器不显示日历
- 为什么浏览器不't显示我的日历
- 日历显示 24 小时制,我需要 12 小时制
- jQuery UI 日历显示加载事件
- 完整日历显示更多来自javascript的事件并显示这些事件
- 不能通过日历显示iCal提要
- 使用完整日历显示不同颜色的多个事件
- 我如何得到完整的日历显示日历在初始渲染
- 如何使用完整日历显示当前日期
- JavaScript日期选择器/日历-显示错误的当前日期