WdatePicker日历控件API.docVIP

WdatePicker日历控件使用方法 ? 3. 编程带来方便 如果el的值是this,可省略,即所有的el:this都可以不写 日期框设置为disabled,禁止更改日期(不弹出选择框) 如果没有定义onpicked,自动触发文本框的onchange事件 如果没有定义oncleared,清空时,自动触发onchange事件 ? 4. 其他属性 设置readOnly属性,可指定日期框是否只读 设置highLineWeekDay,可指定是否高亮周末 设置isShowOthers,可指定是否显示其他月的日期 加上class=Wdate 多语言和自定义皮肤 1. 多语言支持 通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言语言列表和语言说明详见语言配置 示例3-1 多语言示例 : input id=d311 class=Wdate type=text onFocus=WdatePicker({lang:zh-tw})/ 英文: input id=d312 class=Wdate type=text onFocus=WdatePicker({lang:en})/ 简体中文: input id=d313 class=Wdate type=text onFocus=WdatePicker({lang:zh-cn})/注意:lang=auto,即根据浏览器的语言自动选择语言. ? 2. 自定义和动态切换皮肤 通过skin属性,可以为每个日期控件单独配置皮肤,当然也可以通过WdatePicker.js配置全局的皮肤皮肤列表和皮肤安装说明详见 ? 示例3-2 皮肤演示 默认皮肤default: skin:defaultinput id=d321 class=Wdate type=text onfocus=WdatePicker()/注意:WdatePicker里配置了skin=default,所以此处可省略,同理,如果你把WdatePicker里的skin配置成whyGreen那么在不指定皮肤的情况下都使用whyGreen皮肤了 ?  whyGreen皮肤: skin:whyGreen  input id=d322 class=Wdate type=text onfocus=WdatePicker({skin:whyGreen})/ 4. 日期范围限制 1. 注意:realDateFmt 和 realTimeFmt 一致 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 范围是 2006-09-10到2008-12-20input id=d411 class=Wdate type=text onfocus=WdatePicker({skin:whyGreen,minDate:2006-09-10,maxDate:2008-12-20})/ ? 范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30input type=text class=Wdate id=d412 onfocus=WdatePicker({skin:whyGreen,dateFmt:yyyy-MM-dd HH:mm:ss,minDate:2008-03-08 11:30:00,maxDate:2008-03-10 20:59:30}) value=2008-03-09 11:00:00/ ? 范围是 2008年2月 到 2008年10月input type=text class=Wdate id=d413 onfocus=WdatePicker({dateFmt:yyyyM月,minDate:2008-2,maxDate:2008-10})/ ? 范围是 8:00:00 到 11:30:00input type=text class=Wdate id=d414 onfocus=WdatePicker({dateFmt:H:mm:ss,minDate:8:00:00,maxDate:11:30:00})/2. 动态限制注意:realDateFmt 和 realTimeFmt 一致 你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围, 还可以通过#{}进行表达式运算,如:#{%d+1}:表示明天 格式 说明 %y 当前年 %M 当前月 %d 当前日 %ld 本月最后一天 %H 当前时 %m 当前分 %s 当前秒 #{} 运算表达式,如:#{%d+1}:表示明天 #F{} {}之间是函数可写自定义JS代码 ? 示例4