React Flatpicker 没有选择当前时间

Question

目前正在开发考勤系统并使用 react 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>

Answer 1

使用本地方法

检查此沙盒：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);
            }}
          />