Question

我正在reactJS制作一个表单，其中包含https://reactdatepicker.com/的日期选择器，我的问题是：

是否有选项可以在一个日期选择器中选择多个日期？

根据文件说没有或者我错过了什么？

我将不胜感激任何帮助。提前谢谢。

Answer 1

有很多节点模块，如果你有一个不适合你的需求（我也做了一些调查你提供的日期选择器，看起来你是否正确，它不是有多个日期选择），你可以找到其他人。 airbnb的This one是日期范围选择器，react-multiple-datepicker是您可以选择多个不相关日期的日期。

Answer 2

我最近查看了您的问题。

您可以使用selectsStart选项，然后使用startDate={-your start date here-}，endDate={-your end date here-}，并使用关键字selectsEnd结束选择。就是这样。

    <DatePicker
      selectsStart
      startDate={startDate}
      endDate={endDate}
      selectsEnd
      inline
    />

Answer 3

我知道问这个问题已经有一段时间了，但是我需要这个确切的功能，如果有帮助，找到一个简单的解决方法：

export function DemoDatePicker() {
 // range demo
 const [startDate, setStartDate] = useState(null);
 const [endDate, setEndDate] = useState(null);

 function handleDateChange(date) {
    // initial change: start by setting the startDate
    if (!startDate && !endDate) {
      setStartDate(date);
     // startDate has been set, set the end date
    } else if (startDate && !endDate) {
     setEndDate(date);
    }

    // user is choosing another range => set the start date
    // and set the endDate back to null
    if (startDate && endDate) {
      setStartDate(date);
      setEndDate(null);
    }
 }

  return (
    <div>
      <DatePicker
        onChange={(date) => handleDateChange(date)}
        selectsStart={true}
        selected={startDate}
        startDate={startDate}
        endDate={endDate}
        inline={true}
      />
    </div>
  );
}

ReactJS Datepicker多个日期选择

3 个答案: