48 lines
1.0 KiB
Vue
48 lines
1.0 KiB
Vue
<template>
|
|
<div class="block">
|
|
<el-date-picker
|
|
v-model="value"
|
|
type="datetime"
|
|
placeholder="选择日期时间"
|
|
align="right"
|
|
:picker-options="pickerOptions"
|
|
>
|
|
</el-date-picker>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
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);
|
|
},
|
|
},
|
|
],
|
|
},
|
|
value: "",
|
|
};
|
|
},
|
|
};
|
|
</script> |