ExtJS4 日历控件datefield 解决选择时间一天

ExtJS 4.07 

datefield控件没有提供我们选择 时期的时分秒，网上有很多人进行二次封装，可以面板中选择时分秒，需要的不难搜到，这里要解决的是如何选择一天内时间问题：
   起始时间：2012-08-31 00:00:00
   终止时间：2012-08-30 23:59:59
代码如下：

Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    width: 300,
    bodyPadding: 10,
    title: 'Dates',
    items: [{
        xtype: 'datefield',
        id:'startTime',
        anchor: '100%',
        fieldLabel: 'From',
        name: 'from_date',
        format:'Y-m-d H:i:s',
        value:Ext.Date.add(new Date(), Ext.Date.DAY, -1),
        maxValue: new Date()  // limited to the current date or prior
    }, {
        xtype: 'datefield',
        id:'endTime',
        anchor: '100%',
        fieldLabel: 'To',
        name: 'to_date',
        format:'Y-m-d H:i:s',
        value:new Date(),
        listeners: {
            select:function(field,value,eOpts ){
                var t = Ext.getCmp('endTime');
                var temp = Ext.Date.add(new Date(value),Ext.Date.HOUR,23);
                temp = Ext.Date.add(new Date(temp),Ext.Date.MINUTE,59);
                temp = Ext.Date.add(new Date(temp),Ext.Date.SECOND,59);
                t.setValue(temp);
            }
        }
    }]
});

整个例子是在：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.field.Date
官方文档例子上修改的，大家可以拷贝过去测试。