【JavaScript】My97DatePicker 日期控件

My97DatePicker 日期控件使用

    引入 My97DatePicker 日期控件：

<script language="javascript" src="My97DatePicker/WdatePicker.js"></script>

    一般调用：1> 输入框加入日期图片    2> 鼠标手势

<input type="text" name="Date" id="Date" οnclick="WdatePicker();" class="Wdate" style="cursor:pointer" />

    其他设置：3> 点击图片返回日期到指定的 id 容器中    4> 时间格式限定    5> 选择皮肤

<input type="text" name="Date2" id="Date2" /> <img src="My97DatePicker/skin/datePicker.gif" οnclick="WdatePicker({el:'Date2',dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'green'})" align="absmiddle" />

    平面显示：6> 日历功能

<div id="Date3"></div>
<script language="javascript">
WdatePicker({eCont:'Date3',onpicked:function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}})
</script>

    只能选择今天之后的时间（包括今天）：

<input type="text" name="Date4" id="Date4" οnclick="WdatePicker({minDate:'%y-%M-%d'});" class="Wdate" style="cursor:pointer" />

    只能选择这个月的时间：

<input type="text" name="Date5" id="Date5" οnclick="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})" class="Wdate" style="cursor:pointer" />

    时间段选择（后面不能小于前面）：

从 <input type="text" name="Date6" id="Date6" οnclick="WdatePicker({maxDate:'#F{$dp.$D(\'Date7\',{d:-3});}'})" class="Wdate" style="cursor:pointer" />
至 <input type="text" name="Date7" id="Date7" οnclick="WdatePicker({minDate:'#F{$dp.$D(\'Date6\',{d:3});}'})" class="Wdate" style="cursor:pointer" />

    时间段选择（后面不能小于前面），加上事件：

从 <input type="text" name="Date8" id="Date8" οnclick="var Date9=$dp.$('Date9');WdatePicker({onpicked:function(){Date9.click();},maxDate:'#F{$dp.$D(\'Date9\',{d:-1})}'})" class="Wdate" style="cursor:pointer" />
至 <input type="text" name="Date9" id="Date9" οnclick="WdatePicker({minDate:'#F{$dp.$D(\'Date8\',{d:1})}'})" class="Wdate" style="cursor:pointer" />