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公式ドキュメントの例を修正したので、過去のテストをコピーすることができます。