日期选取限制日期范围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;
	},
}
相关推荐
还是大剑师兰特37 分钟前
D3的竞品有哪些,D3的优势,D3和echarts的对比
前端·javascript·echarts
一只小白菜~44 分钟前
web浏览器环境下使用window.open()打开PDF文件不是预览,而是下载文件?
前端·javascript·pdf·windowopen预览pdf
方才coding1 小时前
1小时构建Vue3知识体系之vue的生命周期函数
前端·javascript·vue.js
man20171 小时前
【2024最新】基于springboot+vue的闲一品交易平台lw+ppt
vue.js·spring boot·后端
阿征学IT1 小时前
vue过滤器初步使用
前端·javascript·vue.js
王哲晓1 小时前
第四十五章 Vue之Vuex模块化创建(module)
前端·javascript·vue.js
发现你走远了1 小时前
『VUE』25. 组件事件与v-model(详细图文注释)
前端·javascript·vue.js
吖秧吖1 小时前
three.js 杂记
开发语言·前端·javascript
前端小超超1 小时前
vue3 ts项目结合vant4 复选框+气泡弹框实现一个类似Select样式的下拉选择功能
前端·javascript·vue.js
大叔是90后大叔1 小时前
vue3中查找字典列表中某个元素的值
前端·javascript·vue.js