首页 > 代码库 > My97DatePicker控件用法说明

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="http://www.mamicode.com/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" />
<script>
function pickedFunc(){
$dp.$(‘d523_y‘).value=http://www.mamicode.com/$dp.cal.getP(‘y‘);
$dp.$(‘d523_M‘).value=http://www.mamicode.com/$dp.cal.getP(‘M‘);
$dp.$(‘d523_d‘).value=http://www.mamicode.com/$dp.cal.getP(‘d‘);
$dp.$(‘d523_HH‘).value=http://www.mamicode.com/$dp.cal.getP(‘H‘);
$dp.$(‘d523_mm‘).value=http://www.mamicode.com/$dp.cal.getP(‘m‘);
$dp.$(‘d523_ss‘).value=http://www.mamicode.com/$dp.cal.getP(‘s‘);
}
</script>