反应日期选择器。如何在状态下节省时间？

Question

目前，我正在创建一个小项目来学习 React。我正在为我的预订页面使用 React Datepicker。将所选日期保存在 state 中很容易：

state = {
            startDate: new Date(),
            time: null 
} 
handleChange = (date) => {
    this.setState( {startDate: date} )         
}
<DatePicker
        selected={this.state.startDate}
        locale="ru"
        onChange={this.handleChange}
        minTime={setHours(setMinutes(new Date(), 0), 9)}
        maxTime={setHours(setMinutes(new Date(), 0), 22)}
        showTimeSelect
        timeIntervals={60}
        inline
/>

但我也不明白如何在该州节省时间。如果用户不选择时间，当前时间将被保存，但这不是我想要的。我需要将 "time" 作为要求并将其正确保存在状态中。

我将不胜感激！

Answer 1

如下设置你的状态

  state={
        startDate:new Date()
        }

        return (
        <DatePicker
      selected={startDate}
      onChange={date => setStartDate(date)}
      timeInputLabel="Time:"
      dateFormat="MM/dd/yyyy h:mm aa"
      showTimeInput
    />
      );

Answer 2

好吧，最后我不得不添加自己的时间组件并使用它。