日期选取限制日期范围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;
	},
}
相关推荐
Sheldon一蓑烟雨任平生20 小时前
Vue3 KeepAlive(缓存组件实例)
vue.js·vue3·组件缓存·keepalive·缓存组件实例·onactivated·ondeactivated
不爱吃糖的程序媛21 小时前
Electron 桌面应用开发入门指南:从零开始打造 Hello World
前端·javascript·electron
宋辰月21 小时前
学习react第一天
javascript·学习·react.js
flashlight_hi21 小时前
LeetCode 分类刷题:141. 环形链表
javascript·算法·leetcode
www_stdio21 小时前
JavaScript 中的异步编程与 Promise
javascript
宇余21 小时前
前端新玩具Vike:摆脱框架绑架,实现真正的技术自由
vue.js
唆了蜜.1 天前
ESLint: Expected indentation of * spaces but found *. (style/indent)
开发语言·javascript·vue·webstorm
益达是我1 天前
【element-plus】element-plus升级到v2.11.7,el-tree文字不显示问题
前端·javascript·vue.js·element-plus
用户9714171814271 天前
JavaScript 数组方法完全指南
javascript·面试
社恐的下水道蟑螂1 天前
从 JS 单线程到 Promise:彻底搞懂异步编程的 "同步化" 魔法
前端·javascript