想要显示两个相邻的日期选择器

Question

在同一面板上显示两个日期选择器时遇到一些问题。想要显示两个相邻的日期选择器

请参阅上面的屏幕截图。我的代码

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

                        }
                        ]
                    });