Antd DatePicker.RangePicker set mode = ['month', 'month'], disabledDate / disableTime не работает - PullRequest
Новая
       43

Antd DatePicker.RangePicker set mode = ['month', 'month'], disabledDate / disableTime не работает

0 голосов
/ 29 апреля 2020

Мне нужно отключить будущие месяцы в antd@3.23.6 Date RangePicker. Также мне нужно ограничить диапазон до 12 месяцев максимум, но disableTime / disablDate не работает, вот мой код: 


const DateRangePicker = ({ isOpen, setMonthSelected, monthSelected }) => {
  const [mode, setMode] = useState(['month', 'month']);

  const handleChange = value => {
    if (value) {
      setMonthSelected(value);
    }
  };

  const handlePanelChange = (value, mode) => {
    setMonthSelected(value);
    setMode([
      mode[0] === 'date' ? 'month' : mode[0],
      mode[1] === 'date' ? 'month' : mode[1],
    ]);
  };

  return (
    <RangePicker
      size="small"
      format="YYYY-MM"
      open={isOpen}
      value={monthSelected}
      mode={mode}
      onChange={handleChange}
      onPanelChange={handlePanelChange}
      disabledDate={date => date.isAfter(moment().endOf('month'))}
      disabledTime={disabledDate}
      dropdownClassName="date_date-range-picker"
      getCalendarContainer={() => document.getElementById('mvsmCard')}
    />
  );
};
...