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'未定义为un-undef
第44:18行：未定义'setMinutes'no-undef
45：9行：'setHours'未定义为un-undef
第45:18行：未定义'setMinutes'no-undef
第46：9行：“ no-undef”未定义“ setHours”
第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

您应该从setHours模块中导入setMinutes和date-fns

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())
]}

注意：从 date-fns 导入的new Date().setHours和setHours完全不同

我正在尝试使用reactdatepicker，但收到错误消息，未定义setHours

3 个答案: