使用WdatePicker时间插件简单的控制页面上两个时间选择的前后范围
2024-09-02 02:54:16
很多时候我们在一个交互的页面上需要显示两个时间让客户填写,比如开始时间&结束时间,顾名思义开始肯定不能大于结束,故使用WdatePicker插件选择时间的话可以很好的做好时间段的控制。看下面一个例子:
页面上的两个时间输入框:
开始时间:
<input type="text" name="startDate" id="startDate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" />
结束时间:
<input type="text" name="endDate" id="endDate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" />
假如使用js校验需要自己写,较为繁琐,使用插件提供的就方便的多,如下
开始时间:
<input type="text" name="startDate" id="startDate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'endDate\')}'})" />
结束时间:
<input type="text" name="endDate" id="endDate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'startDate\')}'})" />
最新文章
- WIM镜像添加多语言支持
- Lucene.net应用
- Spring使用非applicationContext.xm 默认名的配置文件的配置
- ASP.NET mvc异常处理的方法
- Apache Shiro 使用手册(四)Realm 实现
- js 正则
- Android中突发情况Activity数据的保存和恢复
- PCB优化设计(转载)
- photpshop渐变玩法_学习教程
- Effective JavaScript Item 30 理解prototype, getPrototypeOf和__proto__的不同
- Unicode字符列表
- 二维码 iOS
- Centos6.7安装chrome
- CDQ分治 陌上花开(三维偏序)
- winform 所遇
- 始于阿里,回归社区:阿里8个项目进入CNCF云原生全景图
- oracle ASM安装过程中UDEV实现磁盘绑定
- Linux下的信号详解
- Common administrative commands in Red Hat Enterprise Linux 5, 6, and 7
- Mysql高并发情况下的解决方案(转)