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

Question

I know that this set is supposed to execute on Date objects, but even when I execute on the Date object. The reactdatepicker doesn't work at all.

Line 12:3: 'setHours' is not defined no-undef
Line 12:12: 'setMinutes' is not defined no-undef
Line 43:9: 'setHours' is not defined no-undef
Line 43:18: 'setMinutes' is not defined no-undef
Line 44:9: 'setHours' is not defined no-undef
Line 44:18: 'setMinutes' is not defined no-undef
Line 45:9: 'setHours' is not defined no-undef
Line 45:18: 'setMinutes' is not defined no-undef
Line 46:9: 'setHours' is not defined no-undef
Line 46:18: 'setMinutes' is not defined 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"
          />
        );
      }; ```

Alex · Accepted Answer · 2020-05-24T02:05:47.710

8

You should import setHours and setMinutes from date-fns module

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

edited May 24 '20 at 02:05

answered Feb 04 '20 at 20:07

Alex

3,941
1
17
24

setHours should be imported from setHours not setMinutes (thank you pratik - see other answer) – David Kong May 23 '20 at 13:36
1

It was a mistake but the main point is import setHours and setMinutes from date-fns module.@DavidKong – Alex May 24 '20 at 02:09

score 3 · Answer 2 · answered May 13 '20 at 07:20

3

The import is kind of wrong.

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

setHours should be imported from setHours not setMinutes.

answered May 13 '20 at 07:20

pratik agashe

111
1
8

score 0 · Answer 3 · answered Jun 04 '20 at 17:35

If you are not interested in extra packge date-fns npm

You can simply use new Date()

Just an example

 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

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

3 Answers3