日期选取限制日期范围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;
	},
}
相关推荐
SailingCoder几秒前
AI 流式对话该怎么做?SSE、fetch、axios 一次讲清楚
前端·javascript·人工智能·ai·node.js
hxjhnct5 分钟前
Vue 实现多行文本“展开收起”
前端·javascript·vue.js
百锦再7 分钟前
Vue大屏开发全流程及技术细节详解
前端·javascript·vue.js·微信小程序·小程序·架构·ecmascript
麻瓜呀8 分钟前
vue2之el-table表格多选改单选
javascript·vue.js·elementui
龙仔CLL12 分钟前
vue3使用node-rsa报错buffer is not defined
javascript·vue.js
黑土豆16 分钟前
一次真实的流式踩坑:fetchEventSource vs fetch流读取的本质区别
前端·javascript·ai编程
北辰alk17 分钟前
为什么 Vue 渲染列表时,不能随便用数组下标当 key?
vue.js
donecoding19 分钟前
告别 scrollIntoView 的“越级滚动”:一行代码解决横向滚动问题
前端·javascript
0__O19 分钟前
如何在 monaco 中实现自定义语言的高亮
前端·javascript·编程语言
呆头鸭L22 分钟前
快速上手Electron
前端·javascript·electron