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;
}