elementui时间选择器,点击外面的今日、本月、本周传递时间给时间选择器!
所有的时间传递,比如当天时间是7月9日周二,本周就是获取周一到周日的时间?
图片说明
<span @click="today">今日</span>
<span @click="theWeek">本周</span>
<span @click="theMonth">本月</span>
<el-date-picker @change="timeChange" unlink-panels :picker-options="pickerOptions" class="timePicker" v-model="time" type="daterange" value-format="yyyyMMdd" format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
import chartsBase from '@base/chartsBase/chartsBase'
import moment from 'moment'
data () {
return {
time: ''
}
},
methods: {
theWeek () {
let start = moment(moment().week(moment().week()).startOf('week').add(1, 'days').valueOf()).format('YYYY-MM-DD')
let end = moment(moment().week(moment().week()).endOf('week').add(1, 'days').valueOf()).format('YYYY-MM-DD')
this.time = [start, end]
},
today () {
let end = new Date()
let start = new Date()
this.time = [start, end]
},
theMonth () {
let start = moment(moment().month(moment().month()).startOf('month').valueOf()).format('YYYY-MM-DD')
let end = moment(moment().month(moment().month()).endOf('month').valueOf()).format('YYYY-MM-DD')
this.time = [start, end]
}
}