1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| <template>
| <el-date-picker
| class="pam-date cursor--pointer"
| popper-class="pam-date-popper"
| v-model="dateValue"
| :clearable="false"
| type="date"
| format="yyyy/MM/dd"
| placeholder="選擇日期"
| prefix-icon="icon-down"
| @change="changeDate"
| >
| </el-date-picker>
| </template>
|
| <script lang="ts">
| import { Component, Emit, Prop, Vue, Watch } from "nuxt-property-decorator";
|
| @Component
| export default class UiDatePicker extends Vue {
| dateValue = '';
|
| @Prop()
| defaultValue!: string;
|
| @Emit('changeDate')
| changeDate() {
| return this.dateValue;
| }
|
| @Watch('defaultValue', {immediate: true})
| updateDefault() {
| if (this.defaultValue) {
| this.dateValue = this.defaultValue;
| this.changeDate();
| }
| }
| }
| </script>
|
|
