日期选取限制日期范围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;
	},
}
相关推荐
katiua31 分钟前
Vue-i18n TypeScript 补全提示
vue.js
Fuzio41 分钟前
用 Spring Boot + Vue + Fuzio 构建现代 Java 桌面应用
vue.js·spring boot
kisshyshy42 分钟前
从0到1彻底理解流式输出:先读懂Vue的“乐高积木”,再拧开LLM的“数据水龙头”
javascript·vue.js·人工智能
触底反弹1 小时前
Vue 实战:手把手教你实现 ChatGPT 同款打字机效果
前端·javascript·人工智能
饮茶三千1 小时前
电子保函模板编辑器实战二:HTML→FTL 编译转换的设计与实现
前端·vue.js·设计模式
英勇无比的消炎药1 小时前
表单筛选利器:TinyVue BaseSelect 基础选择器实战
vue.js
Kel1 小时前
Node.js 本质:从全脉络视角理解运行时原理
javascript·设计模式·node.js
ikoala1 小时前
Codex 小白入门:从安装到插件、MCP、Skills,一篇把配置讲明白
前端·javascript·后端
先吃饱再说2 小时前
从零理解 Vue 3:组件化、数据绑定与响应式完全指南
vue.js·前端框架
多加点辣也没关系3 小时前
JavaScript|第12章:属性配置与 getter/setter
javascript