演示和文档主页:http://www.my97.net/dp/demo/
1、注意事项:
My97DatePicker目录是一个整体,不可破坏里面的目录结构。
将整个My97DatePicker文件夹引入。
2、 常规功能
a、常规调用
- <input id="d121" type="text" οnfοcus="WdatePicker({isShowWeek:true})"/>
在WdatePicker()中传入控件的id
- <span style="white-space:pre"> </span> <input id="d12" type="text"/>
- <img οnclick="WdatePicker({el:'d12'})" src="js/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
c、周显示
配置isShowWeek属性决定是否限制周,并且在返回日期的时候可以在自定义的事件中返回周
配置isShowWeek属性决定是否限制周,并且在返回日期的时候可以在自定义的事件中返回周
- <span style="white-space:pre"> </span><input id="d121" type="text" οnfοcus="WdatePicker({isShowWeek:true})"/>
利用onpicked事件将周赋值给其他文本框
- <input type="text" class="Wdate" id="d122" onFocus="WdatePicker({isShowWeek:true,onpicked:function() {$dp.$('d122_1').value=$dp.cal.getP('W','W');$dp.$('d122_2').value=$dp.cal.getP('W','WW');}})"/>
- 格式一:<input type="text" id="122_1"/> 格式二:<input type="text" id="122_2">
4、只读开关,高亮显示周末:
readOnly:
hignLineWeekDay:
5、操作按钮:
isShowClear: 清空按钮,默认true
iisShowToday:今天按钮,默认true
6、弹出位置:
使用position参数对位置进行设置:
- <input class="Wdate" type="text" id="d16" οnfοcus="WdatePicker({position:{left:100,top:50}})"/>
firstDayOfWeek: 0表示星期天,1表示星期一
- <input class="Wdate" type="text" id="d17" οnfοcus="WdatePicker({firstDayOfWeek:1})"/>
平面显示功能就是当作桌面日历,通过eCont属性设置,eCont值为要现实的位置