日期选取限制日期范围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;
	},
}
相关推荐
渔舟唱晚@2 分钟前
Axios 取消请求的演进:CancelToken vs. AbortController
javascript
GISer_Jing7 分钟前
XHR / Fetch / Axios 请求的取消请求与请求重试
前端·javascript·网络
天涯学馆11 分钟前
微前端架构设计:从理论到实践的全面指南
前端·javascript·面试
梦想CAD控件30 分钟前
(VUE3集成CAD)在线CAD实现焊接符号自定义
前端·javascript·vue.js
白白白白桃乌龙41 分钟前
vue2 , el-select 多选树结构,可重名
前端·javascript·vue.js
夏之小星星44 分钟前
解决el-select选择框右侧下拉箭头遮挡文字问题
前端·vue.js·elementui
hbrown1 小时前
Flask+LayUI开发手记(八):通用封面缩略图上传实现
javascript·flask·layui
xiaogg36781 小时前
网站首页菜单两种布局vue+elementui顶部和左侧栏导航
前端·vue.js·elementui
神膘护体小月半1 小时前
bug 记录 - 使用 el-dialog 的 before-close 的坑
前端·javascript·bug
wcjwdq1 小时前
Lua和JS的继承原理
javascript·lua·脚本继承