선택 강조 표시하는 방법 날짜 범위 양식에 extjs의 datepickers

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

당신은 CONFIGS 'maxDate'와 'minDate'를 찾고 있습니다. 두 날짜 선택 도구 항목을 모두 사용합니다.

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도 있습니다.