日期选取限制日期范围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;
	},
}
相关推荐
Highcharts.js8 分钟前
Highcharts 使用指南Treegraph chart 树状图/结构树图|创建谱系图表、决策树、结构知识树等的图表工具
javascript·决策树·highcharts·图表开发·结构树·可视化图表库·谱系图表
局i10 分钟前
React 简单地图组件封装:基于高德地图 API 的实践(附源码)
前端·javascript·react.js
进击的尘埃23 分钟前
Service Worker + stale-while-revalidate:让页面"假装"秒开的正经方案
javascript
yuki_uix24 分钟前
防抖(Debounce):从用户体验到手写实现
前端·javascript
wjj不想说话26 分钟前
在 Vue 2.6 微前端架构中,我们为什么放弃了 Vuex 管理页面状态?
vue.js
张元清26 分钟前
每个 React 开发者都需要的 10 个浏览器 API Hooks
前端·javascript·面试
进击的尘埃28 分钟前
给 Claude Code 造个趁手的 MCP Tool Server,聊聊我踩的那些坑
javascript
yuki_uix29 分钟前
深拷贝:JavaScript 引用类型的完全复制之道
前端·javascript
默默学前端1 小时前
JavaScript 中 call、apply、bind 的区别
开发语言·前端·javascript
℘团子এ1 小时前
vue3中,el-table表格固定列后出现表格线段折断的问题
javascript·vue.js·elementui