react开始时间不能选择当前日期之前的日期

最新推荐文章于 2024-03-28 14:24:37 发布

方心

最新推荐文章于 2024-03-28 14:24:37 发布

阅读量734

点赞数

分类专栏：前端文章标签：前端 react.js

本文链接：https://blog.csdn.net/qq_53768302/article/details/121477254

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

类组件。。

图在这

代码：

// 根据选择题遍历选项答案
import React from 'react'
import moment from 'moment';
import { DatePicker, Space } from 'antd';

const { RangePicker } = DatePicker;

class Three extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
        }
    }
    disabledStartDate = (current) => {
        // return current < moment();
        // return current && current < moment().endOf('day');
        return current < moment().add(-1, 'day');
    }
    render() {
        return (
            <div className="site-input-group-wrapper" style={{ margin: 30 }}>
                <Space direction="vertical" size={12}>
                    <RangePicker
                        placeholder = "始末"
                        format="YYYY-MM-DD HH:mm:ss"
                        showTime={{ defaultValue: moment('00:00:00', 'HH:mm:ss') }}
                        disabledDate={this.disabledStartDate}
                    />
                </Space>
            </div>
        )
    }
};

export default Three

在disabledStartDate方法中：

1.return current < moment();

2.return current && current < moment().endOf('day');

1和2可选择的是明天，不能选择今天的日期和时间。