功能强大的日期选择控件：My97DatePicker
My97DatePicker的功能很强大，通过配置属性和方法能够实现各种效果
要使用此控件，只需要将js文件部署到项目中，并在页面中引用即可
<script type="text/javascript" src="$!{__beat.server.contextPath}/js/datepicker/WdatePicker.js"></script>
1、最简单的触发方式
<!DOCTYPE html> <html> <head> <title>scrollIntoViewIfNeeded test page</title> <script type="text/javascript" src="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script> </head> <body> <input type="text" class="Wdate" onclick="WdatePicker();" value="" /> </body> </html>
2、如果要对日期框的外观做定制，以下属性可能会有帮助
el：指定一个控件或控件的ID,必须具有value或innerHTML属性(如input,textarea,span,div,p等标签都可以),用户存储日期显示值(也就是dateFmt格式化后的值)
vel：指定一个控件或控件的ID,必须具有value属性(如input),用于存储真实值(也就是realDateFmt和realTimeFmt格式化后的值)
doubleCalendar：是否是双月模式,如果该属性为true,则弹出同时显示2个月的日期框
lang：当值为'auto'时 自动根据客户端浏览器的语言自动选择语言；当值为 其他 时 从langList中选择对应的语言
dateFmt： yMdHmswW分别代表年月日时分秒星期周,你可以任意组合这些元素来自定义你个性化的日期格式.
highLineWeekDay：是否高亮显示 周六 周日
isShowClear：是否显示清空按钮
isShowOK：是否显示确定按钮
isShowToday：是否显示今天按钮
isShowOthers：为true时,第一行空白处显示上月的日期，末行空白处显示下月的日期,否则不显示
readOnly：是否只读
3、如果要对选择日期事件做定制，则可能会用到以下事件
onpicking事件
<input type="text" id="5421" onFocus="WdatePicker({onpicking:function(dp){if(!confirm('日期框原来的值为: '+dp.cal.getDateStr()+', 要用新选择的值:' + dp.cal.getNewDateStr() + '覆盖吗?')) return true;}})" class="Wdate"/>
onpicked
<input id="d5221" class="Wdate" type="text" onFocus="var d5222=$dp.$('d5222');WdatePicker({onpicked:function(){d5222.focus();},maxDate:'#F{$dp.$D(\'d5222\')}'})"/>
至
<input id="d5222" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d5221\')}'})"/>
以前仅仅是My97DatePicker的部分功能，如果以前都不能满足需求，可以去查看 官方文档和Demo