Antd 时间日期选择器,选择当前时间以后的时间
disabledTime
必须结合 showTime
属性配合使用
import { DatePicker } from 'antd'
import moment from 'moment'
const MyDatePicker = () => {
const disabledDate = (current) => {
return current && current < moment().subtract(1, 'days')
}
const disabledTime = (dates) => {
const range = (start) => {
const result = []
for (let i = 0; i < start; i++) {
result.push(i)
}
return result
}
const selDate = moment(dates).date()
const selHours = moment(dates).hours()
const selMinutes = moment(dates).minutes()
const currentDate = moment().date()
const hours = moment().hours()
const minutes = moment().minutes()
const seconds = moment().seconds()
let res = {}
if (selDate === currentDate) {
res.disabledHours = () => range(hours)
if (selHours === hours) {
res.disabledMinutes = () => range(minutes)
if (selMinutes === minutes) {
res.disabledSeconds = () => range(seconds)
}
}
return res
}
}
return (
<DatePicker
disabledDate={disabledDate}
disabledTime={disabledTime}
showTime
>
</DatePicker>
)
}
export default MyDatePicker