我指定了 DatePicker的 mode 属性后,点击后无法选择年份/月份?

205 阅读1分钟

Ant design React 的年时间控件无法选中获取值解决方法

通过两个openChange 和 panelChange 两个函数解决,并定义open状态


<div>月报</div>
<div>
  <DatePicker
    mode="month"
    value={startOfMonth}
    allowClear={false}
    showToday={false}
    className={css.timeData}
    defaultValue={startOfMonth}
    format="YYYY-MM"
    open={monthOpen}
    onPanelChange={handleMonthlyChange}
    onOpenChange={handleOpenChangeMonth}
  />
</div>


  // 处理月报日期选择
  const handleMonthlyChange = (d: moment.Moment | null) => {
    setStartOfMoth(d ? d.startOf('month') : null);
    if (d) {
      const timestamp = d.startOf('month').valueOf();
      getReport(2, timestamp);
    }
    setMonthOpen(false);
  };
  const handleOpenChangeMonth = _monthOpen => {
    setMonthOpen(_monthOpen);
  };