elementUI禁掉当前月之后的月份

最新推荐文章于 2023-10-18 14:59:27 发布

weixin_53545517

最新推荐文章于 2023-10-18 14:59:27 发布

阅读量315

点赞数

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/weixin_53545517/article/details/131676824

版权

文章展示了如何在Vue.js中使用ElDatePicker组件禁用当前月份及之后的日期。通过设置`disabledDate`属性并比较时间戳来实现这一功能。禁用逻辑基于当前时间，确保用户无法选择超过当前日期的月份。

摘要由CSDN通过智能技术生成

<el-date-picker
	v-model="dialog.month"
	type="month"
	placeholder="选择月份"
	format="yyyy-MM"
	value-format="yyyy-MM"
	:picker-options="pickerOptionsYearMonth">
</el-date-picker>
12345678原文链接：https://ipkd.cn/webs_1868.html

//禁掉当前月之后的月份
data() {
  return {
	pickerOptionsYearMonth: {
	  disabledDate(time) {
		return time.getTime() >= Date.now() - 8.64e7;
	  }
	}
  }
}
//注释：8.64e7 = 1*24*60*60*1000 = 8.64*10^7

//如果想当月也禁掉
data() {
  return {
	pickerOptionsYearMonth: {
	  disabledDate(time) {
		let t =new Date().getDate();
		return time.getTime() > Date.now() - 8.64e7*t;
	  }
	}
  }
}