My97DatePicker控件用法说明

在文本框里加入

onfocus="WdatePicker({skin:‘whyGreen‘,readOnly:true,dateFmt:‘yyyy-MM-dd HH:mm:ss‘,isShowWeek:true})"

即

onfocus="WdatePicker({})"

*************************************************

动态变量表:

%y   当前年

%M  当前月

%d  当前日

%ld  本月最后一天

%H  当前时

%m  当前分

%s  当前秒

{}  运算表达式,如:{%d+1}:表示明天

#F{}  {}之间是函数可写自定义JS代码

***************************************************

{}里设置属性,属性之间用,隔开

1)   skin:‘whyGreen‘

2)   readOnly:true

3)   dateFmt:‘yyyy-MM-dd HH:mm:ss‘

3.2)  dateFmt:‘yyyy年M月‘

4)   isShowWeek:true

5)   minDate:‘2006-09-10‘,maxDate:‘2008-12-20‘

5.2)  minDate:‘2008-2‘,maxDate:‘2008-10‘

5.3)  maxDate:‘%y-%M-%d‘

5.4)  minDate:‘%y-%M-{%d+1}‘

6)  disabledDays:[0,1,6] 无效天,[0-6]代表周日至周六

7) opposite:true,disabledDates:[‘5$‘] opposite:true则无效天变有效天‘5$‘表日以5为结尾的.

8) onFocus="var d5222=$dp.$(‘d5222‘);WdatePicker({onpicked:function(){d5222.focus();},maxDate:‘#F{$dp.$D(\‘d5222\‘)}‘})"

onFocus="WdatePicker({minDate:‘#F{$dp.$D(\‘d5221\‘)}‘})"

<input id="d5221"

<input id="d5222"

联动效果

9) 拆分

<input type="text" id="d523_y" size="5"/>  年

<input type="text" id="d523_M" size="3"/> 月

<input type="text" id="d523_d" size="3"/> 日

<input type="text" id="d523_HH" size="3"/> 时

<input type="text" id="d523_mm" size="3"/> 分

<input type="text" id="d523_ss" size="3"/> 秒

<img onclick="WdatePicker({el:‘d523‘,dateFmt:‘yyyy-MM-dd HH:mm:ss‘,onpicked:pickedFunc})" src="../../My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" />

<script>

function pickedFunc(){

$dp.$(‘d523_y‘).value=$dp.cal.getP(‘y‘);

$dp.$(‘d523_M‘).value=$dp.cal.getP(‘M‘);

$dp.$(‘d523_d‘).value=$dp.cal.getP(‘d‘);

$dp.$(‘d523_HH‘).value=$dp.cal.getP(‘H‘);

$dp.$(‘d523_mm‘).value=$dp.cal.getP(‘m‘);

$dp.$(‘d523_ss‘).value=$dp.cal.getP(‘s‘);

}

</script>

My97DatePicker控件用法说明