目前,我正在创建一个迷你项目以学习React。我在预订页面上使用React Datepicker。在状态中保存选定的日期很容易:

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” 作为要求,并将其正确保存在状态中。

我将不胜感激任何帮助!

最佳答案

设置你的状态如下

  state={
        startDate:new Date()
        }

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

10-07 19:56
查看更多