目前,我正在创建一个迷你项目以学习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
/>
);