My97DatePicker時間控件的使用

My97DatePicker是一款優秀的日期插件，它可以很方便地實現各種日期選擇效果。

1.先來最簡單的配置方法：

（1）下載WdatePicker.js（包括lang和skin文件夾）。

（2）在html頁面中導入WdatePicker.js。

（3）在輸入框input元素上<input type="text" class="Wdate" onClick="WdatePicker({autoPickDate:true,dateFmt:'yyyy-MM-dd'})" style="width: 120px;"/>

（4）打開頁面查看效果。

2.只讀，添加控制：開始日期要小於當前日期或小於截止日期；截止日期要大於開始日期小於當前日期

<div>
     起始日期：
        <input type="text" class="Wdate" id="startTime" 
	onClick="WdatePicker({autoPickDate:true,dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'endTime\')||\'new Date()\'}',readOnly:true})" style="width: 120px;"/>
     截止日期：
	<input type="text" class="Wdate" id="endTime" 
	onClick="WdatePicker({autoPickDate:true,dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'startTime\')}',maxDate:new Date(),readOnly:true})" style="width: 120px;"/>
</div>

效果圖：

3.獲取輸入框中的時間：

js中：

var startTime = $("#startTime").val();即可