как установить время в средстве выбора времени vuetify в режиме редактирования - PullRequest
Новая
       64

как установить время в средстве выбора времени vuetify в режиме редактирования

0 голосов
/ 27 мая 2020

Это мой общий компонент выбора времени 

<template>
    <v-menu
        ref="menu"
        v-model="menu2"
        :close-on-content-click="false"
        :nudge-right="40"
        :return-value.sync="time"
        transition="scale-transition"
        offset-y
        max-width="290px"
        min-width="290px"
        >
        <template v-slot:activator="{ on }">
            <v-text-field
                v-model="time"
                label="Select Time"
                prepend-icon="mdi-clock"
                readonly
                v-on="on"
                ></v-text-field>
        </template>
        <v-time-picker
            v-if="menu2"
            v-model="time"
            full-width
            @click:minute="$refs.menu.save(time)"
            @change="timeChanged"
            >    
        </v-time-picker>
    </v-menu>
</template>

<script>
    export default {
        props: [''],
        data() {
            return {
                time: null,
                menu2: false,
                modal2: false
            }
        },

        methods: {
            timeChanged(time) {
                this.$emit('input', time);
            }
        }
    }
</script>

Это еще один компонент, в котором я использовал компонент выбора времени 

<v-row>
  <v-col cols="12" md="4"><v-label>Monday</v-label></v-col>
  <v-col cols="12" md="3"><time-picker v-model="mon_from" ></time-picker></v-col>
  <v-col cols="12" md="2"><v-card-subtitle>To</v-card-subtitle></v-col>
  <v-col cols="12" md="3"><time-picker v-model="mon_to"></time-picker></v-col>
</v-row>

Я назначаю время, которое получается из запись в базе данных, когда я открывал форму в режиме редактирования, в «mon_from» и «mon_to», но она не назначается в окне выбора времени. Как я могу назначить значение в сборщике времени.

...