推荐个比较好用的日期取舍框组件 选择 时间范围 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();
        }
    });

很简单吧