日期选取限制日期范围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;
	},
}
相关推荐
夏花里的尘埃7 分钟前
vue3实现echarts——小demo
前端·vue.js·echarts
强迫老板HelloWord5 小时前
前端JS特效第22波:jQuery滑动手风琴内容切换特效
前端·javascript·jquery
luanluan88886 小时前
维护el-table列,循环生成el-table
javascript·vue.js·ecmascript·element plus
续亮~6 小时前
9、程序化创意
前端·javascript·人工智能
RainbowFish6 小时前
「Vue学习之路」—— vue的常用指令
前端·vue.js
38kcok9w2vHanx_6 小时前
从0开始搭建vue项目
前端·javascript·vue.js
2301_807353407 小时前
v-if条件渲染及v-show的选择
前端·javascript·vue.js
此恨无穷7 小时前
关于umjs的主题切换实现
javascript
reembarkation7 小时前
vue3 在el-input的光标处插入文本
javascript·vue.js·elementui
I have a lemon8 小时前
用vue2+elementUI封装手机端选择器picker组件,支持单选、多选、远程搜索多选
前端·javascript·elementui