| | |
| | | |
| | | <template> |
| | | <div class="dateTime"> |
| | | <UiDatePicker @changeDate="changeDateTime($event, 'date')"></UiDatePicker> |
| | | <UiTimePicker @changeTime="changeDateTime($event, 'time')"></UiTimePicker> |
| | | <UiDatePicker |
| | | @changeDate="changeDateTime($event, 'date')" |
| | | :defaultValue="defaultValue" |
| | | ></UiDatePicker> |
| | | <UiTimePicker |
| | | @changeTime="changeDateTime($event, 'time')" |
| | | :defaultValue="defaultValue" |
| | | ></UiTimePicker> |
| | | </div> |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { Component, Emit, Vue } from "nuxt-property-decorator"; |
| | | import { Component, Emit, Prop, Vue } from "nuxt-property-decorator"; |
| | | |
| | | @Component |
| | | export default class DateTimePicker extends Vue { |
| | | changeDate!: Date; |
| | | changeTime!: string; |
| | | |
| | | @Prop() |
| | | defaultValue!: string; |
| | | |
| | | @Emit('changeDateTime') |
| | | changeDateTime(event, type) { |
| | | if (type === 'date') { |