ExtJS 4カレンダコントロールdatefield解決選択時間1日


ExtJS 4.07 

Datefieldコントロールは私たちが選択した時期の時間分秒を提供していません。ネット上には多くの人が二次パッケージを行い、パネルの中で時間分秒を選択することができます。必要なのは検索しにくくありません。ここで解決するのは、1日以内の時間をどのように選択するかという問題です。開始時間: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公式ドキュメントの例を修正したので、過去のテストをコピーすることができます。