日期选取限制日期范围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;
	},
}
相关推荐
用户40993225021223 分钟前
Vue 3 静态与动态 Props 如何传递?TypeScript 类型约束有何必要?
前端·vue.js·后端
程序员库里24 分钟前
TipTap简介
前端·javascript·面试
关中老四24 分钟前
【js/web甘特图插件MZGantt】如何使用外部弹框添加和修改任务(updRows方法使用说明)
前端·javascript·甘特图·甘特图插件
兆子龙26 分钟前
Vite 打包优化实战:从 12.17M 到 7.95M 的瘦身之旅
javascript
confiself43 分钟前
A2UI实时渲染展示
开发语言·javascript·css
旷世奇才李先生1 小时前
043校园二手交易平台系统-springboot+vue
java·vue.js·spring boot
014-code1 小时前
Vue 生命周期完全指南
前端·javascript·vue.js
冴羽yayujs1 小时前
资深前端都在用的 9 个调试偏方
前端·javascript·调试
lichenyang4531 小时前
组件设计模式与通信
前端·javascript·设计模式