我正在尝试使用 reactdatepicker，但我收到错误消息，指出 setHours is is not defined

Question

我知道这个集合应该在 Date 对象上执行，但即使我在 Date 对象上执行。 reactdatepicker 根本不起作用。

行 12:3: 'setHours' 未定义 no-undef
行 12:12: 'setMinutes' 未定义 no-undef
行 43:9: 'setHours' 未定义 no-undef
行 43:18: 'setMinutes' 未定义 no-undef
行 44:9: 'setHours' 未定义 no-undef
行 44:18: 'setMinutes' 未定义 no-undef
行 45:9: 'setHours' 未定义 no-undef
行 45:18: 'setMinutes' 未定义 no-undef
行 46:9: 'setHours' 未定义 no-undef
行 46:18: 'setMinutes' 未定义 no-undef

        const [startDate, setStartDate] = useState(
          setHours(setMinutes(new Date(), 30), 16)
        );
        return (
          <DatePicker
            selected={startDate}
            onChange={date => setStartDate(date)}
            showTimeSelect
            excludeTimes={[
              setHours(setMinutes(new Date(), 0), 17),
              setHours(setMinutes(new Date(), 30), 18),
              setHours(setMinutes(new Date(), 30), 19),
              setHours(setMinutes(new Date(), 30), 17)
            ]}
            dateFormat="MMMM d, yyyy h:mm aa"
          />
        );
      }; ```

Answer 1

您应该从 date-fns 模块

导入 setHours 和 setMinutes

import setHours from "date-fns/setHours";
import setMinutes from "date-fns/setMinutes";

Answer 2

导入有点错误。

import setHours from 'date-fns/setHours'
import setMinutes from 'date-fns/setMinutes'

setHours 应该从 setHours 而不是 setMinutes 导入。

Answer 3

如果你对额外的包不感兴趣 date-fns npm

您可以简单地使用 new Date()

举个例子

 excludeTimes={[
    new Date(new Date().setHours(new Date().getHours(), new Date().getMinutes())
]}

Note : new Date().setHours and setHours imported from date-fns are totally different

我正在尝试使用 reactdatepicker，但我收到错误消息，指出 setHours is is not defined

I am trying use reactdatepicker, but I get error message that setHours is is not defined

reactjs

date

react-datepicker