功能要求:使用两个antd日期时间选择datepicker分别作为开始时间、结束时间,开始时间的禁用日期设置为今天的前一天,禁用时间设置为今天当前时间点之前的时间,结束时间不能早于开始时间。
具体规则:
1. 设置开始时间DatePicker的规则,禁用今天前一天及之前的所有日期,并且禁用今天当前时间点之前的时间,如果选择的日期是今天之后的日期,时间点不做禁用限制。
2. 设置结束时间 DatePicker 的规则,结束时间不能早于开始时间。
import React, { useState } from 'react';
import { DatePicker, Space } from 'antd';
import moment from 'moment';
const App = () => {
const [startDate, setStartDate] = useState('');
const handleStartDateChange = (date) => {
setStartDate(date);
};
const disabledStartDate = (current) => {
return current && current < moment().subtract(1, 'days').endOf('day');
};
const disabledStartDateTime = (date) => {
if (date && date.isSame(moment(), 'day')) {
return {
disabledHours: () => Array.from({ length: mome