javascript - Ant Design 范围选择器禁用日期数组

Question

我需要在今天之前禁用日期(使用 disabledDate 函数)。我需要禁用日历上的特定日期，例如:

今天:2018-07-30

需要禁用的日期:[2018-08-10, 2018-08-12, 2018-08-20]

因此，在这种情况下，当我打开范围选择器日历时，我无法选择今天之前的日期和这个日期数组。我需要为此做些什么？

谢谢!

Answer 1

当我尝试在 RangePicker 中启用一系列值时，我遇到了同样的问题, 使用 Prop disabledDate .

确实，return current && current < moment().endOf('day');效果很好，但不适用于 &&运算符(operator)(出于某种原因)。因此，例如，要启用特定间隔(例如，从 2018 年 1 月 1 日到 2019 年 1 月 1 日)，您可以为要禁用的每个特定日期返回一个 bool 值:

    function disabledDate(current){
    // or (if it's a class method)
    //disabledDate = (current) => { 
        let start = '2018-01-01';
        let end = '2019-01-01';
        if (current < moment(start)){
            return true;
        }
        else if (current > moment(end)){
            return true;
        }
        else {
            return false; 
        }
    }

因此，对于特定日期，我认为您可以采用相同的原则来实现您想要的:

        function disabledDate(current){
    // or (if it's a class method)
    //disabledDate = (current) => { 
        let date1 = '2018-08-10';
        let date2 = '2018-08-12';
        let date3 = '2018-08-20';

        if (current===moment(date1)){
            return true;
        }
        else if (current===moment(date2)){
            return true;
        }
        else if (current===moment(date3)){
            return true;
        }
        else {
            return false; 
        }
    }

最后，将函数放入 RangePicker 的 props 中:

<RangePicker disabledDate={disabledDate} />

我认为 RangePicker调用函数 disabledDate因此，每次我们更改日期、月份或年份时，当返回带有 && 的简单条件时，它忽略了第二个。但是，当我们每天用电流来验证时，它显然是有效的。
(特定日期的第二个代码没有经过测试，但第一个代码是，并且工作正常!)