My97DatePicker日期插件使用说明

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秒',自定义显示时间
5readOnly: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>
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

changuncle

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值