2014-09-29 3 views
0

сталкиваются с некоторыми проблемами, показывая два датпикера на одной панели. Хочет, чтобы показать два DatePicker прилегающего enter image description hereхотите показать два датпикера, смежные

Смотрите выше 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); }
} ] });

Любые предложения по этому вопросу. пожалуйста

ответ

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); 
          } 

         } 
         ] 
        }); 
+0

большой. Это работало мужчин. Благодаря тонну. – Sontya

+0

Еще одно сомнение в том, как я должен использовать этот два datepicker как start_date и end_date для вызова некоторой другой функции после выбора обеих дат. Спасибо заранее. – Sontya

+1

Существует событие, изменение (это, newDate, oldDate, eOpts), которое вызывается после выбора даты, вы можете реализовать эту функцию события и вызвать свою собственную функцию изнутри этого метода. – RE350

Смежные вопросы