el-date-picker设置默认时间区间

<template>
	 <el-date-picker
		lable="开始日期"
		v-model="bb"
		type="daterange"
		placeholder="选择日期"
		style="width: 100%;"
		format="yyyy-MM-dd "
		value-format="yyyy-MM-dd"   //记得这里要写
		@change="dateChange">
	</el-date-picker>
</template>

<script>
	data () {
	    return {
	       aa: '',  //月份区间
		   bb: ''   //日期区间
      	}
	}
	created () {
	    this.getTime()
	},
	method : {
    	getTime () {
		    var _this = this;
			var date = new Date();
			var y = date.getFullYear();
			var m = (date.getMonth() + 1) < 10 ? ('0' + (date.getMonth() + 1)) : (date.getMonth() + 1);
			var d = date.getDate() < 10 ? ('0' + date.getDate()) : date.getDate();

			var start_month = y + '-' + '01';   //开始月份:本年第一月份
			var end_month = `${y}-${m}`;        //结束月份: 本年当前月份

			var start_day = y + '-' + m + '-' + '01';       //开始日期: 本月第一天
			var end_day = `${y}-${m}-${d}`;     //结束日期: 本月今天

			_this.aa = [start_month, end_month];   //默认月份区间
			_this.bb = [start_day, end_day];        //默认日期区间

	    }
	}
</script>
posted @ 2020-11-17 13:29  kilig-wu  阅读(3247)  评论(0编辑  收藏  举报