My97DatePicker日期插件使用方便功能强大,平时经常会用到,今天总结一下记录下来。
需要使用请先到官网下载最新版本:http://www.my97.net/dp/down.asp
首先引入WdatePicker.js文件
最基本使用方法:
在时间input控件中加入class=”Wdate” onFocus=”WdatePicker({lang:’zh-cn’})”
<input id="txtStartTime" type="text" class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})" />
其他参数使用说明:
1、dateFmt:'yyyy',只显示年
2、dateFmt:'yyyyMM',只显示年月
3、dateFmt:'yyyyMMdd',只显示年月日(默认没有dateFmt参数,dateFmt:'yyyy-MM-dd'等价于默认效果)
4、dateFmt:'yyyy-MM-dd HH时:mm分:ss秒',自定义显示时间
5、readOnly:true,设置只读
6、isShowClear:false,隐藏清空按钮
7、minDate:new Date(),设置最小日期为今天
minDate:'%y-%M-{%d+1}' 设置最小日期为明天
minDate:'#F{\$dp.$D(\'startDate\')}',设置最小日期为id=startDate控件中的日期
8、maxDate:new Date(),设置最大日期为今天
maxDate:'%y-%M-%ld',设置最大日期为本月最后一天
maxDate:'#F{\$dp.$D(\'endDate\')}',设置最大日期为id=endDate控件中的日期
动态变量说明:
格式 说明
%y 当前年
%M 当前月
%d 当前日
%ld 本月最后一天
%H 当前时
%m 当前分
%s 当前秒
#{} 运算表达式,如:#{%d+1}:表示明天
常用时间限制示例:
创建时间:
<asp:TextBox ID="txtStartTime" runat="server" class="Wdate" onFocus="WdatePicker({lang:'zh-cn',maxDate:'#F{\$dp.$D(\'txtEndTime\')}'})"></asp:TextBox>
—
<asp:TextBox ID="txtEndTime" runat="server" class="Wdate" onFocus="WdatePicker({lang:'zh-cn',minDate:'#F{\$dp.$D(\'txtStartTime\')}'})"></asp:TextBox>