日期选取限制日期范围antdesign vue

限制选取的日期范围
效果图

javascript 复制代码
<a-date-picker
    v-model="dateTime"
    format="YYYY-MM-DD"
    :disabled-date="disabledDate"
    valueFormat="YYYY-MM-DD"
    placeholder="请选择日期"
    allowClear
/>



methods:{
	//回放日期选取范围限制,从今天往前推三十天
	disabledDate(value) {
	    const curDate = new Date().getTime();
	    // 这里设置天数,这里为30天
	    const numMonth = 30 * 24 * 3600 * 1000;
	    const threeMonths = curDate - numMonth;
	    return new Date(value).getTime() > curDate || new Date(value).getTime() < threeMonths;
	},
}
相关推荐
青柠之夏cc3 小时前
Laravel服务容器底层原理揭秘
javascript·rpc·laravel
变与不变8064 小时前
防抖节流详解
开发语言·前端·javascript
用户6602676118794 小时前
HTTP 200,页面仍是旧状态:定位一次前后端字段错配
javascript
用户72526496629694 小时前
浏览器为什么加载不了超大图片
前端·javascript
OpsEye4 小时前
企业 AI 治理到底管什么:预算、权限、会话、效能四个维度
javascript·ai编程
破烂三角裤5 小时前
Vue 3 自动生成汉字拼音:pinyin-pro、Ruby 标签
vue.js
顽疲5 小时前
java vue springboot 养老系统源码详解:退住 care_out 审批结算与腾床事务实践
java·vue.js·spring boot·vue养老·springboot养老·java养老
雪芽蓝域zzs5 小时前
第 10 节:地图点击逆地理编码(点击地图获取经纬度 + 地址)
vue.js
斯内普吖5 小时前
(开源)线上花店系统实战指南 基于 Java + SSM + Vue + MySQL
java·vue.js·mysql·开源
keyipatience6 小时前
JS学习笔记(2)数组,函数,作用域,对象
前端·javascript·笔记·学习·html