反应日期选择器

Question

我被这个功能困住了。我正在寻找可以支持我在左侧“按周”“按月”选择日期时间选择条件的库。大家都可以帮我找到这个库吗？我曾经使用react-day-picker，但它不支持我“weekSelect”和“monthSelect”。

我想找到可以帮助我解决这个功能的库

Answer 1

您可以通过这样做在

react-date-picker

中选择一周。

() => {
  const [startDate, setStartDate] = useState(new Date("2021/02/22"));
  return (
    <DatePicker
      selected={startDate}
      onChange={(date) => setStartDate(date)}
      dateFormat="I/R"
      locale="en-GB"
      showWeekNumbers
      showWeekPicker
    />
  );
};

然后通过这样做选择月份

() => {
  const [startDate, setStartDate] = useState(new Date());
  return (
    <DatePicker
      selected={startDate}
      onChange={(date) => setStartDate(date)}
      dateFormat="MM/yyyy"
      showMonthYearPicker
    />
  );
};

您可以根据需要自定义 UI。