日期选取限制日期范围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;
	},
}
相关推荐
whinc5 小时前
JavaScript技术周刊 2026年第18周
javascript
码海扬帆:前端探索之旅5 小时前
深度定制 uni-combox:新增功能详解与实战指南
前端·vue.js·uni-app
whinc5 小时前
JavaScript技术周刊 2026年第17周
javascript
whinc5 小时前
Node.js技术周刊 2026年第18周
javascript·node.js
whinc5 小时前
JavaScript技术周刊 2026年第16周
javascript