<a-date-picker
:disabled-date="disabledDate"
@change="selectDate" style="width: 100%"/>
给组件加上:disabled-date="disabledDate"
导入
import moment from 'moment';
方法:
//限制选择日期
disabledDate(current){
// 不可以选择之前的日期,今天包括之后可以选,控制大于小于来实现选择之前的日期还是之后的日期
return current < moment().subtract(1, 'day');
},
加上就可用实现了!
本文介绍如何使用Ant Design中的DatePicker组件禁用过去日期的选择功能。通过设置:disabled-date属性并传入一个方法来实现这一功能,该方法利用moment.js库来比较当前选择日期与系统当前日期。
1万+

被折叠的 条评论
为什么被折叠?



