Element-ui时间选择器禁止选择当月之后的月份

wgb0409

于 2022-12-20 16:22:58 发布

阅读量891

点赞数

分类专栏： elementUI 文章标签：前端开发 Vue 日期选择器禁用日期时间校验

本文链接：https://blog.csdn.net/wgb0409/article/details/128386547

版权

elementUI 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<template> 
 <el-date-picker v-model="queryParams.month" type="month" :picker-options="pickerOptions"  placeholder="请选择月份" value-format="yyyy-MM" :clearable="false" size="mini" ></el-date-picker>
</template>

data() {
    return {
             pickerOptions: {
	            disabledDate: time => {
	    	        return this.checkTime(time);
	        }
        },
   }
}

 methods: {
     checkTime(time){
		let t = new Date().getDate();
          // 如果想包含本月本月 - 8.64e7 * t 就不需要了，
          // 如果想之前的不能选择把 > 换成 <
          return time.getTime() > Date.now();
	  	
	  },//校验日历弹框
}