Question

items:{
    xtype: 'datepicker',
    id: 'startDate',
    value: Ext.Date.add(new Date(), Ext.Date.DAY, -1),
    showToday: false,
    handler: function(picker, date) {
        var endDate = picker.up('form').down('#endDate').getValue();
    }
}, {
    title: 'End Date',
    margin: '10 10 0 0',
    header: {
        titleAlign: 'center'
    },
    items:{
        xtype: 'datepicker',
        id: 'endDate',
        value: new Date(),
        showToday: false,
        handler: function(picker, date) {
            var startDate = picker.up('form').down('#startDate').getValue();
        }]
    },

Answer 1

您正在寻找配置＆＃39; maxDate ＆＃39;和＆＃39; minDate ＆＃39;。他们继续使用两个日期选择器项目。

items:{
     xtype: 'datepicker',
         id: 'startDate',
         value: Ext.Date.add(new Date(), Ext.Date.DAY, -1),
         **minDate**: new Date(),
         **maxDate**: Ext.Date.add(new Date(), Ext.Date.DAY, -1),
         showToday: false,
         handler: function(picker, date) {
         var endDate = picker.up('form').down('#endDate').getValue();
     }

}

还有一个datepicker允许您选择日期范围。

如何突出显示所选日期范围表格extjs datepickers

1 个答案: