antd 日期时间选择_antd日期选择器禁止选择当天之前的时间操作
时间: 2023-09-16 13:16:03 浏览: 135
要禁止选择当天之前的时间,可以使用 `disabledDate` 函数来实现。以下是一个示例代码:
```jsx
import React, { useState } from 'react';
import { DatePicker } from 'antd';
import moment from 'moment';
function disabledDate(current) {
// 禁止选择今天之前的日期
return current && current < moment().endOf('day');
}
function DateTimePicker() {
const [value, setValue] = useState(null);
function onChange(date, dateString) {
console.log(date, dateString);
setValue(date);
}
return (
<DatePicker
showTime
disabledDate={disabledDate}
value={value}
onChange={onChange}
/>
);
}
export default DateTimePicker;
```
在 `disabledDate` 函数中,我们使用 `moment()` 获取当前时间,并调用 `endOf('day')` 方法获取当天的最后一刻,然后与传入的日期进行比较,如果传入的日期小于当前日期,则返回 `true`,禁止选择该日期。在 `DatePicker` 组件中,我们传入 `disabledDate` 函数来设置禁止选择的日期。
阅读全文