使用WdatePicker时间插件简单的控制页面上两个时间选择的前后范围
2013-11-08 11:59
525 查看
很多时候我们在一个交互的页面上需要显示两个时间让客户填写,比如开始时间&结束时间,顾名思义开始肯定不能大于结束,故使用WdatePicker插件选择时间的话可以很好的做好时间段的控制。看下面一个例子:
页面上的两个时间输入框:
假如使用js校验需要自己写,较为繁琐,使用插件提供的就方便的多,如下
页面上的两个时间输入框:
开始时间: <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\')}'})" />
相关文章推荐
- 使用WdatePicker时间插件简单的控制页面上两个时间选择的前后范围
- WdatePicker插件来实现开始和结束时间选择范围控制
- 日期时间范围选择插件-daterangepicker使用总结
- 日期时间范围选择插件:daterangepicker使用总结(必看篇)
- jQuery日期选择插件WdatePicker使用方法.日期范围限制
- 前台页面 bonsai tree view 插件--树形结构选择器使用实例总结
- 兼容PC和移动页面的mobiscroll日期插件之简单使用
- LayDate 时间选择插件的使用介绍
- 一段简单的使用js在web页面中显示日期时间的代码
- easyUI自带的时间插件日期选择、月份选择、时间选择的使用
- 深入体验JavaWeb开发内幕——使用简单标签控制页面逻辑案例
- bootstrap中日历范围选择插件daterangepicker的使用详解
- wheel自定义控件,实现城市三级联动,时间选择的功能简单使用
- android中通过实现Parcelable来在两个页面之间传递对象的简单使用
- ASP.NET jQuery 食谱11 (通过使用jQuery validation插件简单实现用户登录页面验证功能)
- EEclipse上GIT插件EGIT使用手册之十_Rebase和Merge如何选择的简单解析
- anguar js 日期和时间选择插件 angular-datetimepicker 使用时注意事项
- 时间插件WdatePicker使用方法
- Eclipse上GIT插件EGIT使用手册之十_Rebase和Merge如何选择的简单解析