日期选取限制日期范围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;
	},
}
相关推荐
西西学代码20 小时前
Flutter---异步编程
开发语言·前端·javascript
米欧20 小时前
取消当前正在进行的所有接口请求
前端·javascript·axios
浪里行舟20 小时前
告别“拼接”,迈入“原生”:文心5.0如何用「原生全模态」重塑AI天花板?
前端·javascript·后端
努力学前端Hang20 小时前
移动端跨平台开发深度解析:UniApp、Taro、Flutter 与 React Native 对比
前端·javascript·react native·react.js
前端九哥21 小时前
🚫循环里写return,浏览器当场沉默!
前端·javascript
加个鸡腿儿21 小时前
锚点跳转-附带CSS样式 & 阻止页面刷新技术方案
前端·javascript·css
程序猿_极客21 小时前
【期末网页设计作业】HTML+CSS+JS 美食分享主题网站设计与实现(附源码)
javascript·css·html
xun_xing21 小时前
基于Nextjs15的学习手记
前端·javascript·react.js
xun_xing1 天前
Javascript的Iterator和Generator
前端·javascript
残冬醉离殇1 天前
函数柯里化(curry)是什么?🤔
前端·javascript