<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>