你好,我使用的是react-datepicker,日期受时间的最小值,最大值限制。使用新的Date(),一切都会按预期进行:
minTime={new Date().setHours(11)}
maxTime={new Date().setHours(22)}
但是一旦我要使用通过助手功能生成的明天日期,就会发生错误:
const tomorrow = () => {
const today = new Date()
const tomorrow = new Date()
tomorrow.setDate(today.getDate() + 1)
return tomorrow
}
使用下面提供的设置不能更改时间。
<DatePicker
name="Datepicker"
className="table-booking__input"
selected={booking.date}
onChange={this.handleDate}
showTimeSelect
minDate={tomorrow()}
timeFormat="HH"
timeIntervals={60}
minTime={booking.date.setHours(11)}
maxTime={booking.date.setHours(22)}
dateFormat="MMMM dd, yyyy h aa"
timeCaption="Time"
placeholderText="Click and choose the date"
/>
这是我的状态和处理功能:
this.state = {
booking: {
date: tomorrow(),
people: 1,
name: 'John Doe',
email: 'jdoe@gty.xx'
}
}
handleDate(e) {
const booking = { ...this.state.booking }
booking.date = e
this.setState({ booking })
}