1.My97DatePicke插件文档http://www.my97.net/demo/index.htm
2.自定义事件
- onpicking 和 onpicked 事件
- onclearing 和 oncleared 事件
-
年月日时分秒都有对应的changing和changed事件,分别是:
ychanging ychanged
Mchanging Mchanged
dchanging dchanged
Hchanging Hchanged
mchanging mchanged
3.举例
html:
开始日期:<input id="starttime" name="txt_startTime" class="txt_input startDate one_input" type="text" value="" placeholder="起始日期" onfocus="WdatePicker({doubleCalendar:false,dateFmt:'yyyy-MM-dd HH:mm:ss',startDate:'%y-%M-%d 00:00:00',skin:'whyGreen',maxDate:'#F{$dp.$D(\'endtime\')||\'%y-%M-%d \'}',alwaysUseStartDate:true})">
结束日期:<input id="endtime" readonly="" name="txt_endTime" class="txt_input endDate two_input" type="text" value="" placeholder="结束日期" onfocus="WdatePicker({doubleCalendar:false,dateFmt:'yyyy-MM-dd HH:mm:ss',startDate:'%y-%M-%d %H:%m:%s',skin:'whyGreen',minDate:'#F{$dp.$D(\'starttime\')}',alwaysUseStartDate:true,dchanging:cDayFunc, Mchanging:cMonthFunc, ychanging:cYearFunc, dchanged:cDayFunc, Mchanged:cMonthFunc, ychanged:cYearFunc})">
js:
function cDayFunc(){
cFunc('d');
}
function cMonthFunc(){
cFunc('M');
}
function cYearFunc(){
cFunc('y');
}
function cFunc(who){
var str,p,c = $dp.cal;
if(who=='y'){
str='年份';
p='y';
}
else if(who=='M'){
str='月份';
p='M';
}
else if(who=='d'){
str='日期';
p='d';
}
console.log(str+'发生改变了!\n$dp.cal.date.'+p+'='+c.date[p]+'\n$dp.cal.newdate.'+p+'='+c.newdate[p]);
//修改时间框默认值
$($dp.focusArr[0]).find('.tB').val('23');
$($dp.focusArr[0]).find('.tE').eq(0).val('59');
$($dp.focusArr[0]).find('.tE').eq(1).val('59');
/* $dp.cal.date.H=23;
$dp.cal.date.m=59;
$dp.cal.date.s=59;*/
//输入框赋值
c.newdate.H=23;
c.newdate.m=59;
c.newdate.s=59;
}