wdatePicker 日期插件,备份记录

本文档详细介绍了 wdatePicker 日期插件的使用,包括不同类型的输入框配置,如设置显示周数、定位、日期范围限制等。通过示例代码展示了如何在网页中实现日期选择功能,并提供了各种日期格式和日期限制的配置方法。
摘要由CSDN通过智能技术生成
演示和文档主页:http://www.my97.net/dp/demo/

1、注意事项:
     My97DatePicker目录是一个整体,不可破坏里面的目录结构。
     将整个My97DatePicker文件夹引入。
     
2、 常规功能
         a、常规调用
[javascript]  view plain copy
  1. <input id="d121" type="text" οnfοcus="WdatePicker({isShowWeek:true})"/>  
   b、图标触发
在WdatePicker()中传入控件的id
[javascript]  view plain copy
  1. <span style="white-space:pre">      </span> <input id="d12" type="text"/>  
  2.         <img οnclick="WdatePicker({el:'d12'})" src="js/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">  
c、周显示
配置isShowWeek属性决定是否限制周,并且在返回日期的时候可以在自定义的事件中返回周
[javascript]  view plain copy
  1. <span style="white-space:pre">      </span><input id="d121" type="text" οnfοcus="WdatePicker({isShowWeek:true})"/>  
利用onpicked事件将周赋值给其他文本框

[javascript]  view plain copy
  1. <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');}})"/>  
[javascript]  view plain copy
  1. 格式一:<input type="text" id="122_1"/>   格式二:<input type="text" id="122_2">    
4、只读开关,高亮显示周末:
readOnly:
hignLineWeekDay:
5、操作按钮:
isShowClear: 清空按钮,默认true
iisShowToday:今天按钮,默认true 
6、弹出位置:
使用position参数对位置进行设置:
[javascript]  view plain copy
  1. <input class="Wdate" type="text" id="d16" οnfοcus="WdatePicker({position:{left:100,top:50}})"/>  
7、自定义星期的第一天:
firstDayOfWeek: 0表示星期天,1表示星期一
[javascript]  view plain copy
  1. <input class="Wdate" type="text" id="d17" οnfοcus="WdatePicker({firstDayOfWeek:1})"/>  



8、平面显示
平面显示功能就是当作桌面日历,通过eCont属性设置,eCont值为要现实的位置
[javascript]  view plain
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值