日期选取限制日期范围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;
	},
}
相关推荐
kyriewen116 分钟前
Sass:让 CSS 从手工作坊迈入工业时代
前端·javascript·css·html·css3·sass·html5
冰暮流星7 分钟前
javascript之变量作用域
开发语言·前端·javascript
lxh011311 分钟前
嵌套数组生成器题解
开发语言·javascript·ecmascript
Dxy123931021616 分钟前
DrissionPage使用js点击:突破常规交互限制的“隐形手”
开发语言·javascript·交互
用户9083246027316 分钟前
Spring Boot 3 + WebSocket + STOMP + JWT 实现实时消息推送完整方案
vue.js·后端
cmd20 分钟前
Vue3 JSX 语法速查:v-model、事件、插槽一网打尽
vue.js
学以智用35 分钟前
Vue3 状态管理库 Pinia 完整教程
前端·vue.js
北寻北爱36 分钟前
面试题-js篇
前端·javascript
这是个栗子36 分钟前
前端开发中的常用工具函数(五)
javascript·数据结构·reduce
两万五千个小时38 分钟前
学习 Pi Coding Agent:系统提示词与工具设计深度解析
javascript·人工智能·架构