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