1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

js年月日日期筛选控件

下面是使用方法:

在要使用这个控件的页面上引入这个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/post/8085.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: