antd+vue——datepicker日期控件——禁用日期功能
antd+vue——datepicker日期控件——禁用日期功能
·
需求:今天之前的日期禁用
<a-date-picker
v-model.trim="formNE.deliveryTime"
:disabled-date="disabledDate"
valueFormat="YYYY-MM-DD"
allowClear
style="width: 100%"
/>
禁用日期的范围:
//时间范围
disabledDate(current) {
return current < moment().subtract(1, 'day');
},
在使用之前,需要安装moment插件,并在页面中引入:import moment from 'moment';
后续其他的禁用日期形式出现的话,在下面会进行补充。
【下面是moment自带的获取之前和之后日期的方法】
1.当天之前的日期
moment().subtract(1, 'day')
2.当天之前7天的日期
moment().subtract(7, 'day')
3.当天之后的日期
moment().add(1, 'day')
4.当天之后10天的日期
moment().add(10, 'day')
上面获取到日期后,可以转化为想要的格式:比如下面的可以转为年月日moment().subtract(7, 'days').format('YYYY/MM/DD')
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)