We recommend a useful date selection box component to select the time range CustomPeriodUI

Make a small button and click it, as shown in the next small bullet box.

 

Date and time can be selected

Source code

[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 _ click ',
Text: _ ('OK '),
Listeners :{
Click: function (btn ){
If (avg. validate ()){
Avg_00000000hide (); www.2cto.com
Avg_fdate = avg. fromTime ();
Avg_tdate = avg. toTime ();
Fdate1 = formatDate (new Date (avg_fdate); // convert the Date Format
Tdate1 = formatDate (new Date (avg_tdate ));
}
}
}
});
Avg_00000000addbutton (btn );
Avg_00000000show ();
}
});
It's easy.