使用antd 时间输入框中禁用当天之前的时间(或者某一个时间段的时间)

在做项目的时候需求方可能会有各种各样的需求,那么问题来了,antd中虽然给出了解决方法但是比较单一今天小编就来给大家分享一下

1.禁用今天之前的日期

     disabledDate={ (current: any) => current && current < moment().subtract(1, 'days') }

      showTime={{ format: 'HH:mm' }}

       format="YYYY-MM-DD HH:mm"

/>

2.禁用今天之后的日期

     disabledDate={ (current: any) => current && current > moment() }

      showTime={{ format: 'HH:mm' }}

       format="YYYY-MM-DD HH:mm"

/>

3.只能选今天之前的七天和今天之后的七天

     disabledDate={ (current: any)=> current < moment().subtract(7, "days")  || (current: any)=> current && current > moment().add(7, 'd')}

      showTime={{ format: 'HH:mm' }}

       format="YYYY-MM-DD HH:mm"

/>

4.其他区间的和3同理需要大家稍加改造即可

你可能感兴趣的:(使用antd 时间输入框中禁用当天之前的时间(或者某一个时间段的时间))