My97DatePicker控件整理讲述.docx

如何使用 1. 在使用该日期控件的文件中加入JS库(仅这一个文件即可,其他文件会自动引入,请勿删除或改名), 代码如下 script language=javascript type=text/javascript src=../WdatePicker.js/script 2. 工程页面中具体的用法 3、内置函数和属性 功能及实例 日期图标的显示隐藏 当WdatePicker.js里的属性:$wdate=true时,在input里加上class=Wdate就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class=Wdate去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式 调用容器 除了支持常规在input单击或获得焦点调用外,还支持使用其他的元素如:imgdiv等触发WdatePicker函数来调用弹出日期框 支持周显示 可以通过配置isShowWeek属性决定是否限制周,并且在返回日期的时候还可以通过自带的自定义事件和API函数返回选择的周 设置readOnly属性 true 或 false 可指定日期框是否只读 设置highLineWeekDay属性 ture 或 false 可指定是否高亮周末 清空、今天按钮的显示与隐藏 清空按钮和今天按钮,可以根据需要进行自定义,它们分别对应 isShowClear 和 isShowToday 默认值都是true 自定义星期的第一天(4.6新增) 各个国家的习惯不同,有些喜欢以星期日作为第一天,有些以星期一作为第一天. 相关属性:firstDayOfWeek: 可设置 0 - 6 的任意一个数字,0:星期日 1:星期一 以此类推 将选中的日期返回到其他容器中 除了可以将值返回给input以外,还可以通过配置el属性将值返回给其他的元素(如:textarea,div,span)等,带有innerHTML属性的HTML元素 直接显示日历控件 日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上 设置默认的起始日期 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致 有时在项目中需要选择生日之类的日期,而默认点开始日期都是当前日期,导致年份选择非常麻烦,你可以通过起始日期功能加上配置alwaysUseStartDate属性轻松解决此类问题 可以同时弹出两个月的日历 日期范围限制 静态限制 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 动态限制 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致 你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过{}进行表达式运算,如:{%d+1}:表示明天 脚本自定义限制 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致 系统提供了$dp.$D和$dp.$DV这两个API来辅助你进行日期运算,此外你还可以通过在 #F{} 中填入你自定义的脚本,做任何你想做的日期限制 无效天 可以使用此功能禁用周日至周六所对应的日期,相关属性:disabledDays (0至6 分别代表 周日至周六) 无效日期 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致 可以使用此功能禁用,所指定的一个或多个日期,只要你熟悉正则表达式,你可以尽情发挥 用法(正则匹配): 如果你熟悉正则表达式,会很容易理解下面的匹配用法 如果不熟悉,可以参考下面的常用示例 [2008-02-01,2008-02-29] 表示禁用 2008-02-01 和 2008-02-29 [2008-..-01,2008-02-29] 表示禁用 2008-所有月份-01 和 2008-02-29 [200[0-8]]-02-01,2008-02-29] 表示禁用 [2000至2008]-02-01 和 2008-02-29 [^2006] 表示禁用 2006年的所有日期 此外,您还可以使用 %y %M %d %H %m %s 等变量, 用法同动态日期限制 注意:%ld不能使用 [....-..-01,%y-%M-%d] 表示禁用 所有年份和所有月份的第一天和今天 [%y-%M-{%d-1},%y-%M-{%d+1}] 表示禁用 昨天和明天 当然,除了可以限制日期以外,