React Flatpicker не выбирает текущее время - PullRequest
Новая
       35

React Flatpicker не выбирает текущее время

0 голосов
/ 26 февраля 2020

В настоящее время работает над системой посещаемости и использует реакционный flatpickr для получения регистрации пользователя и времени проверки flatpickr получает текущую дату, но не получает текущее время. Вот мой код. 

                <Flatpickr
                  data-enable-time
                  value={checkIn}
                  disabled={!isEmpty(id)}
                  onChange={date => this.handleDate(date, 'checkIn')}
                  placeholder="Check-in"
                  options={{
                    minDate: "today",
                    // dateFormat: "d-m-Y",
                    // enableTime: false,
                  }}
                  className={errors.checkIn ? "form-control is-invalid" : ""}
                />
                
                 handleDate = (dateObj, field) => {
    let date = dateObj && dateObj[0];
    this.setState({ [field]: date && moment.utc(date).format() });
  }
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

1 Ответ

0 голосов
/ 26 февраля 2020

Использование собственных методов

Проверьте эту песочницу: https://codesandbox.io/s/flatpicker-with-current-time-6tg7j


    <Flatpickr
            ref={datepickerRef}
            options={options}
            value={""}
            onChange={(date, dateStr) => {
              let selectedDate = date[0];
              let currentDate = new Date();
              let currentTime = new Date(
                selectedDate.setHours(
                  currentDate.getHours(),
                  currentDate.getMinutes(),
                  currentDate.getSeconds()
                )
              );
              setDate(currentTime);
            }}
          />
...