推薦個比較好用的日期選擇框組件 選擇 時間範圍 CustomPeriodUI

做成一個小按鈕，點一下出現如下一個小彈框

 

可以選擇日期時間

源碼

[javascript] 
var avg_fdate="",avg_tdate="",selperiod=console.constants.HRS12,fdate="",tdate=""; 
   var avg_button=new Ext.Button({ 
       icon: '/ico/date.png', 
       cls: 'x-btn-icon', 
       tooltip: { 
           text:_('<b>Select time range</b><br/>')  
       }, 
       handler:function(){ 
           var avg=new CustomPeriodUI(_("Select time range"),fdate,tdate,selperiod); 
           var avg_window = avg.getWindow(); 
           var btn= new Ext.Button({ 
               id:'avg_button', 
               text: _('OK'), 
               listeners: { 
                   click: function(btn) { 
                       if(avg.validate()){ 
                           avg_window.hide(); www.2cto.com
                           avg_fdate=avg.fromTime(); 
                           avg_tdate=avg.toTime(); 
                        fdate1 = formatDate(new Date(avg_fdate));//日期格式的轉換 
                        tdate1 = formatDate(new Date(avg_tdate)); 
                       } 
                   } 
               } 
           }); 
           avg_window.addButton(btn); 
           avg_window.show(); 
       } 
   }); 
很簡單吧