js年月日日期筛选控件
时间：6年前 阅读：4662
下面是使用方法：
在要使用这个控件的页面上引入这个JS
<script type="text/javascript" src="javascript/DatePicker.js"></script>
使用月份选择器，默认时间格式为yyyy-MM
<input id="begintime" type="text" onclick="setmonth(this)" readonly="readonly" />
使用日期选择器，默认时间格式为yyyy-MM-dd
<input id="endtime" type="text" onfocus="setday(this)" readonly="readonly" />
使用日期选择器，一共提供五个参数，其中第一个参数是Object类型，指需要填入日期的元素对象；第二个参数是时间的格式，默认为yyyy-MM-dd；第三、四个参数分别为开始时间和结束时间；第五个参数是语言种类，这个1表示中文，0为英文（默认采用英文）
<input id="endtime" type="text" onfocus="setday(this,'yyyy-MM-dd','2010-01-01','2010-12-30',1)" readonly="readonly" />
风格默认使用古典版，如果需要使用简洁版，则进入代码中
将上述代码中的上部分代码（38行-63行）注释，在把他换成下面部分的代码（67行-90行）。则风格就可以改为简洁版了。
实例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://www.qiquanji.com/js/nyr.js" type="text/javascript"></script> </head> <body> <div style="width:970px; margin:10px auto;"> 例子01：<input id="begintime" type="text" onclick="setmonth(this)" readonly="readonly" /><br /><br /> 例子02：<input id="endtime" type="text" onfocus="setday(this)" readonly="readonly" /> </div> </body> </html>
说了这么多，下面附上这个日历控件的JS文件：https://www.qiquanji.com/js/nyr.js
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知
网友评论