推荐个比较好用的日期取舍框组件 选择 时间范围 CustomPeriodUI

推荐个比较好用的日期选择框组件 选择 时间范围 CustomPeriodUI

做成一个小按钮，点一下出现如下一个小弹框

可以选择日期时间

源码

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

很简单吧