日期选取限制日期范围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;
	},
}
相关推荐
BUG创建者1 分钟前
openlayer根据不同的状态显示不同的图层颜色
android·java·javascript
南方kenny15 分钟前
Mock.js:前端开发的假数据神器
前端·javascript
1024小神25 分钟前
Cocos游戏开发中,如何动态加载资源和远程资源 resources
前端·javascript
The_era_achievs_hero33 分钟前
UniappDay04
vue.js·微信小程序·uni-app
猫和老许37 分钟前
Vue 3 拖拽排序功能优化实现:从原理到实战应用
前端·javascript·vue.js
sq80040 分钟前
ag-grid-vue3 降级,支持低版本浏览器
前端·javascript·vue.js
兔年鸿运Q小Q42 分钟前
html转word下载
javascript·vue.js·word
你这个年龄怎么睡得着的1 小时前
玩转vite性能优化
前端·vue.js·vite
华洛1 小时前
Agent应用落地,必不可少的三大辅助系统
前端·javascript·vue.js
前端小巷子1 小时前
Vue 2 组件通信全景指南
前端·javascript·面试