WdatePicker.js时间日期插件的使用方法

　　

本文介绍了WdatePicker.js时间插件使用,分享给大家,具体如下:

　　

<强>引用:
　　

　　

在项目中引用“plugin-clander”文件夹。
　　

　　

在html中引用“WdatePicker.js”即可。

　　 　　 　　& lt;脚本src=" https://www.yisu.com/zixun/js/plugin-clander/WdatePicker.js "祝辞& lt;/script> 　　 　　

1。没有对控件进行设置

　　 　　 　　& lt;输入类=" Wdate " type="文本"/祝辞 　　 　　

2。限制日期的范围是2006-09-10到2006-09-10

　　

代码如下:
　　& lt;输入id=癲411”类=癢date”类型=拔谋尽?祝辞
　　
　　

　　

3。限制日期的范围是2008-3-8 11:30:00到2008-3-10 20:59:30

　　 　　 　　& lt;输入类型=拔谋尽眂lass=" Wdate " id=癲412” 　　得到焦点=" WdatePicker({皮肤:whyGreen, dateFmt:“yyyy-MM-dd HH: mm: ss”, 　　maxDate minDate:“2008-03-08 11:30:00”:“2008-03-10 20:59:30”})“价值=" https://www.yisu.com/zixun/2008-03-09 11:00:00”/祝辞 　　 　　

4。限制日期的范围是2008年2月到2008年10月

　　

代码如下:& lt;输入类型=拔谋尽崩?" Wdate " id=" d413 "/祝辞
　　

　　

5。限制日期的范围是8:00:00到11:30:00

　　

代码如下:& lt;输入类型=拔谋尽崩?" Wdate " id=" d414 "/祝辞
　　

　　

6。只能选择今天以前的日期(包括今天)

　　

代码如下:& lt;输入id=癲421”class=癢date”类型=拔谋尽?祝辞
　　

　　

7。使用了运算表达式只能选择今天以后的日期(不包括今天)

　　

代码如下:& lt;输入id=癲422”class=癢date”类型=拔谋尽?祝辞
　　

　　

8。只能选择本月的日期1号至本月最后一天

　　

代码如下:& lt;输入id=癲423”class=癢date”类型=拔谋尽?祝辞
　　

　　

9。只能选择今天7:00:00至明天21:00:00的日期

　　 　　 　　& lt;输入id=癲424”类=癢date”类型=拔谋尽? 　　得到焦点=" WdatePicker ({dateFmt:“yyyy-M-d H: mm: ss”, 　　minDate:“y % - % - % d 7:00:00’, maxDate: y % - % M - # {% d + 1} 21:00:00 '})”/比;之前 　　 　　

10。使用了运算表达式只能选择20小时前至30小时后的日期

　　 　　 　　& lt;输入id=癲425”类=癢date”类型=拔谋尽? 　　onClick=" WdatePicker ({dateFmt:“yyyy-MM-dd HH: mm”, 　　minDate:“y - % - % d % # {% H-20}: % M: % s的,maxDate:“y - % - % d % # {% H + 30}: % M: % s '})”/祝辞 　　 　　

11。前面的日期不能大于后面的日期且两个日期都不能大于2020-10-01
　　

　　

合同有效期从到
　　

　　

[注意:两个日期的日期格式必须相同。
　　

　　

dp。相当于文档。getElementByIdx_x函数。
　　

　　

那么为什么里面的“使用\ '呢& # 63;那是因为“和”都被外围的函数使用了,故使用转义符\,否则会提示JS语法错误。所以您在其他地方使用时注意把\ '改成“或”者来使用。
　　

　　F

<代码> # {dp美元。$ D (\ ' d4312 \ ') | | \‘2020-10-01’}表示当d4312为空时,采用2020-10-01的值作为最大值)

　　 　　 　　& lt;输入id=癲4311”类=癢date”类型=拔谋尽?比; 　　& lt;输入id=癲4312”类=癢date”类型=拔谋尽?祝辞 　　 　　

WdatePicker.js时间插件的取值和赋值:

　　

引用: 　　 　　 　　& lt;脚本src=" https://www.yisu.com/zixun/js/jquery-2.1.1.min.js "祝辞& lt;/script> 　　& lt;脚本src=" https://www.yisu.com/zixun/js/plugin-clander/WdatePicker.js "祝辞& lt;/script> 　　 　　html:

　　 　　 　　& lt;输入类=" div-Wdate " type="文本"/比; 　　& lt; p> & lt;按钮类=皌ijiaoBtn祝辞提交& lt;/button> & lt;/p> 　　 　　js:

　　 　　//赋值 　　$ (" .div-Wdate ") .val (“2019-01-01”);//取值 　　$ (“.tijiaoBtn”)。(“点击”,函数(){ 　　console.log ($ (“.div-Wdate”) .val ()); 　　}); 　　 　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

WdatePicker.js时间日期插件的使用方法