My97DatePicker 插件学习记录-CSDN博客

本文链接：https://blog.csdn.net/honghongxuexi/article/details/52525367

今天学习了日期插件My97DatePicker，感觉还是比较容易的，特意记录下来供大家一起参考。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="My97DatePicker/skin/WdatePicker.css" />
		<script type="text/javascript" src="My97DatePicker/WdatePicker.js" ></script>
	</head>
	<body>
		<div>
			<span>基本用法:</span>
			<input id="1" class="Wdate" type="text" οnclick="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" />
		</div>
		<br />
		<div>
			<span>显示年月:</span>
			<input id="2" class="Wdate" type="text" οnclick="WdatePicker({dateFmt:'yyyy-MM',readOnly:true})" />
		</div>
		<br />
		<div>
			<span>显示年份:</span>
			<input id="3" class="Wdate" type="text" οnclick="WdatePicker({dateFmt:'yyyy',readOnly:true})" />
		</div>
		<br />
		<div>
			<span>显示月份和日子:</span>
			<input id="4" class="Wdate" type="text" οnclick="WdatePicker({dateFmt:'MM-dd',readOnly:true})"/>
		</div>
		<br />
		<div>
			<span>显示月份:</span>
			<input id="5" class="Wdate" type="text" οnclick="WdatePicker({dateFmt:'MM',readOnly:true})" />
		</div>
		<br />
		<div>
			<span>设置默认初始日期:</span>
			<input id="6" class="Wdate" type="text" οnclick="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true,startDate:'1980-05-01'})" />
		</div>
		<br />
		<div>
			<span>设置星期一为第一天</span>
			<input id="7" class="Wdate" type="text"  οnfοcus="WdatePicker({firstDayOfWeek:1,readOnly:true})"/>
		</div>
		<br />
		<div>
			<span>年月日时分秒</span>
			<input id="8" class="Wdate" type="text"  οnfοcus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒',firstDayOfWeek:1,readOnly:true})"/>
		</div>
		<br />
		<div>
			<span>时分秒</span>
			<input id="9" class="Wdate" type="text"  οnfοcus="WdatePicker({dateFmt:'H:mm:ss',firstDayOfWeek:1,readOnly:true})"/>
		</div>
		<br />
		<div>
			<span>皮肤 </span>
			<input id="d322" class="Wdate" type="text" οnfοcus="WdatePicker({skin:'whyGreen'})"/>
		</div>
		<br />
		<div>
			<span>前面的日期+3天 不能大于 后面的日期</span>
			<input type="text" class="Wdate" id="d4321" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})"/>
			<input type="text" class="Wdate" id="d4322" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})"/>
		</div>
	</body>
</html>

Demo 百度云分享：http://pan.baidu.com/s/1eRAP3rW