My97DatePicker-WdatePicker日历日期插件详细示例

<!DOCTYPE html>
<html>
<head>
	<title>排行</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<script type="text/javascript" src="../common/My97DatePicker/4.8/WdatePicker.js"></script>
	
</head>
<body style="background: #F0EFF5;">
	
	<button id="bb" οnclick="dateClick()">代替点击对象</button>
	<input type="text"  style="margin-top:100px;"  id="stime" class="Wdate" οnclick="dateClick()">
	<input value="2018-5-22 00:00:00" id="stime1">
	<script>
	    
	function dateClick() {
		WdatePicker({
			//el:$dp.$('stime'),  //设置后不管是点谁触发的弹框都认为是stime绑定者弹出的,值赋给绑定者
			dateFmt : 'yyyy-MM-dd HH:mm:ss',  //格式设置相对应界面可选择也变化
			//skin:"default",  //whyGreen绿色风格,twoer橙色风格,默认default
			//startDate:'%y-%M-01 00:00:00', //默认开始选中时间,格式必须和dateFmt中保持一致,例'2018-05-21 00:00:00'
			//lang:"en",  //英文版本,默认为中文;:'en', charset:'UTF-8';'zh-cn', charset:'gb2312';'zh-tw', charset:'GBK'
			minDate: '#F{$dp.$D(\'stime1\',{d:-10});}',  //其中\''\中表示默认取id为stime1的值,注意stime1中的时间格式必须要dateFmt保持一致。第二个参数为调整日期,这里是向前调10天
			maxDate:'%y-%M-{%d+1} 23:59:59', //最大可选择时间,明天最后时刻
			// firstDayOfWeek: 1  //一周从周几开始,默认为0,周日开始
			highLineWeekDay:true,  //周末的日期是否高亮
			readOnly:true,  //是否允许键盘输入值,false为禁止输入,只能鼠标选
			//position:{left:100,top:50}},  //调整位置
			
		});
	}
	</script>
	<script src="rank.js"></script>
</body>

  

————————————————
版权声明:本文为CSDN博主「*g861」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/*g861/article/details/80425968

上一篇:PHP批量去除文件BOM头


下一篇:常用的第三方全国快递物流单号查询api对接