Ant Design禁用今天之前的日期和其他自定义日期
创始人
2024-11-07 06:00:27
0

Ant Design 提供了一个日期选择器组件 DatePicker,可以通过设置 disabledDate 属性来禁用特定的日期。以下是一个示例代码,演示如何禁用今天之前的日期和其他自定义日期。

import { DatePicker } from 'antd';
import moment from 'moment';

function disabledDate(current) {
  // 禁用今天之前的日期
  if (current && current < moment().endOf('day')) {
    return true;
  }

  // 禁用其他自定义日期
  const disabledDates = [
    moment("2022-01-01"),
    moment("2022-02-14"),
    moment("2022-12-25")
  ];
  return disabledDates.some(date => current.isSame(date, 'day'));
}

function App() {
  return (
    
); } export default App;

在上面的代码中,disabledDate 函数用于判断日期是否应该被禁用。首先,我们检查日期是否在今天之前,如果是,则返回 true 禁用该日期。然后,我们定义了一个 disabledDates 数组,包含了需要禁用的自定义日期。最后,我们使用 DatePicker 组件,并将 disabledDate 函数作为 disabledDate 属性传递给组件。

通过上述代码,你可以禁用今天之前的日期和其他自定义日期。你可以根据自己的需求,修改 disabledDates 数组中的日期,或者添加其他的禁用逻辑。

相关内容

热门资讯

分享透视!werplan透视挂... 您好,werplan透视挂这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
揭幕透视!wejoker辅助机... 揭幕透视!wejoker辅助机器人,hhpoker真能买到挂吗,讲义教程(有挂细节)-哔哩哔哩进入游...
教你透视!pokemmo脚本辅... 教你透视!pokemmo脚本辅助器下载!其实存在有辅助软件(有挂规律)-哔哩哔哩pokemmo脚本辅...
详细透视!wepoker的辅助... 详细透视!wepoker的辅助器,wepoker私人局俱乐部,诀窍教程(有挂规律)-哔哩哔哩1、实时...
了解透视!智星菠萝可以辅助吗!... 了解透视!智星菠萝可以辅助吗!竟然一直总是有辅助教程(证实有挂)-哔哩哔哩1、智星菠萝可以辅助吗免费...
揭露透视!购买的wpk辅助在哪... 揭露透视!购买的wpk辅助在哪里下载,wepoker网页版透视方法,经验教程(有挂秘笈)-哔哩哔哩1...
了解透视!拱趴大菠萝挂怎么安装... 了解透视!拱趴大菠萝挂怎么安装!总是真的有辅助app(有挂方式)-哔哩哔哩小薇(辅助器软件下载)致您...
揭幕透视!wepoker透视有... 揭幕透视!wepoker透视有吗,wepoker插件程序激活码,妙招教程(新版有挂)-哔哩哔哩1、w...
详情透视!红龙poker辅助!... 详情透视!红龙poker辅助!都是是有辅助方法(有挂方法)-哔哩哔哩1、红龙poker辅助免费脚本咨...
解密透视!德普之星有辅助软件吗... 解密透视!德普之星有辅助软件吗,hhpoker真的有透视吗,学习教程(有挂方针)-哔哩哔哩1、德普之...