想要顯示兩個日期選擇器相鄰

Question

面臨一些問題，同時在同一個面板上顯示兩個日期選擇器。要顯示相鄰

見上面的兩個日期選擇器screenshot.And我的代碼

var datePicker = Ext.create('Ext.panel.Panel', { title: 'Choose a PSI Dates', width: 400, //bodyPadding: 10, //height: 200, renderTo: Ext.getBody(), items: [{ xtype: 'datepicker', minDate: minDate, handler: function(picker, date) { that.onDateSelected(date); } }, { xtype: 'datepicker', minDate: minDate, handler: function(picker, date) { that.onDateSelected(date); }
} ] });

對此有何建議。請

Answer 1

我認爲佈局類型hbox應該解決您的問題。

var datePicker = Ext.create('Ext.panel.Panel', { 
         title: 'Choose a PSI Dates', 
         width: 400, 
         layout: { 
          type: 'hbox', 
         }, 
         renderTo: Ext.getBody(), 
         items: [{ 
          xtype: 'datepicker', 
          minDate: minDate, 
          handler: function(picker, date) { 
           that.onDateSelected(date); 
          } 
         }, 
         { 
          xtype: 'datepicker', 
          minDate: minDate, 
          handler: function(picker, date) { 
           that.onDateSelected(date); 
          } 

         } 
         ] 
        });