Antd RangePicker 时间日期选择器 禁用当前时间往后的日期及现在时间往后的时分秒禁选

6 篇文章 1 订阅

RangePicker 组件

<RangePicker
  onChange={onSearch}
  placeholder={[
    formatMessage({ id: 'page.Business.StartTime' }),
    formatMessage({ id: 'page.Business.EndTime' }),
  ]}
  format="YYYY-MM-DD HH:mm"
  disabledDate={disabledDate}
  disabledTime={disabledDateTime}
  showTime={{ format: 'HH:mm' }}
/>

当天往后的时间禁用

  function disabledDate(current: any) {
    let result = false;
    if (current > moment().add(0, 'days')) {
      result = true;
    }
    return result;
  }

当天现在时刻往后时分禁止(秒类似 可以自己添加)

  function disabledDateTime(dates: any) {
    const hours = moment().hours();
    const minutes = moment().minutes();
    const seconds = moment().seconds();
    if (dates && moment(dates).date() === moment().date()) {
      return {
        disabledHours: () => range(hours + 1, 24),
        disabledMinutes: () => range(minutes + 1, 60),
        disabledSeconds: () => range(seconds + 1, 60),
      };
    }
    return {
      disabledHours: () => [],
      disabledMinutes: () => [],
      disabledSeconds: () => [],
    };
  }

现在是2021/9/24 22:42
在这里插入图片描述
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值