日期选取限制日期范围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;
	},
}
相关推荐
忧郁的蛋~28 分钟前
开发vue项目所需要安装的依赖包
前端·javascript·vue.js
JohnYan31 分钟前
工作笔记 - ASN.1密钥结构和编码研究
javascript·后端·安全
Bob99981 小时前
Amlogic S905L3系列盒子 ROM DIY相关
java·javascript·数据仓库·vscode·eclipse·tomcat·vim
亦黑迷失1 小时前
轻量级 Express 服务器:用 Pug 模板引擎实现动态参数传递
前端·javascript·后端
吃瓜群众i2 小时前
理解Javascript闭包
前端·javascript
Blucas2 小时前
《深入 PageSpy》二:入门指南
javascript·前端框架
六边形6662 小时前
Vue中的 ref、toRef 和 toRefs 有什么区别
前端·vue.js·面试
kovli2 小时前
红宝书第十八讲:详解JavaScript的async/await与错误处理
前端·javascript
吃瓜群众i2 小时前
javascript-对象及应用
前端·javascript