<template>
<div>
<el-date-picker v-model="pickDate" type="datetimerange" :picker-options="pickerOptions" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" align="right" />
</div>
</template>
<script>
export default {
data() {
return {
pickDate: [],
pickerOptions: {
shortcuts: [{
text: '未来一周',
onClick(picker) {
const end = new Date()
const start = new Date()
end.setTime(end.getTime() + 3600 * 1000 * 24 * 7)
picker.$emit('pick', [start, end])
}
},
{
text: '未来一个月',
onClick(picker) {
const end = new Date()
const start = new Date()
end.setTime(end.getTime() + 3600 * 1000 * 24 * 30)
picker.$emit('pick', [start, end])
}
},
{
text: '未来两个月',
onClick(picker) {
const end = new Date()
const start = new Date()
end.setTime(end.getTime() + 3600 * 1000 * 24 * 60)
picker.$emit('pick', [start, end])
}
}
]
}
}
},
created() {
//赋值
this.pickDate=[new Date("2020-11-16 00:00:00"), new Date("2020-11-23 23:59:59")]
}
}
</script>
el-date-picker创建快捷方式&& 时间日期赋值
最新推荐文章于 2024-08-09 16:49:47 发布