jQuery 時間插件My97DatePicker動態獲取選中值及修改默認時間

1.My97DatePicke插件文檔http://www.my97.net/demo/index.htm

2.自定義事件

  1.   onpicking 和 onpicked 事件
  2. onclearing 和 oncleared 事件
  3. 年月日時分秒的 changing和changed

    年月日時分秒都有對應的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;


     }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章