<template>
<div>
<el-date-picker
v-model="value1"
type="monthrange"
unlink-panels
placeholder="选择日期"
:picker-options="pickerOptions"
align="right"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
<p>{{ value1 }}</p>
</div>
</template>
<script>
export default {
data() {
return {
value1: "",
pickerOptions: {
shortcuts: [{
text: '今天',
onClick(picker) {
picker.$emit('pick', new Date());
}
}, {
text: '昨天',
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24);
picker.$emit('pick', date);
}
}, {
text: '一周前',
onClick(picker) {
const date = new Date();
date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', date);
}
}]
},
};
}
}
</script>
<style>
</style>