首页 > 代码库 > 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>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。