my97 的快速应用

my97日历控件的快速应用。

1、下载压缩文件。http://www.my97.net/

2、将My97DatePicker整个目录包,放入您的项目的相应目录下

3、引入WdatePicker.js。

<script type="text/jscript" charset="utf-8" src="~/content/My97DatePicker/WdatePicker.js"></script>

4、输入框设置。最实用的效果。

<label>起始日期：</label>
<input id="d5221" class="Wdate" style="width: 100px;" type="text" 
onFocus="var d5222=$dp.$('d5222');WdatePicker({onpicked:function(){d5222.focus();},maxDate:'#F{$dp.$D(\'d5222\')||\'%y-%M-%d\'}'})"/> 
<label>结束日期：</label>
<input id="d5222" class="Wdate" style="width: 100px;" type="text" 
onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d5221\')}',maxDate:'%y-%M-%d'})"/>

5、效果图。