我正在使用Vuetify构建表单。在表单上，​​我有一个开始时间输入和一个结束时间输入。我不太擅长编码，因此希望得到一些帮助。目的是基于开始输入来限制结束时间输入。    目标是执行以下操作： 1.）如果开始时间为“ PM”，则结束时间不能为“ AM”。 （我们没有时间进入第二天） 2.）结束时间不能早于开始时间（避免使用“负”时间）。

以下是输入字段：

                <v-text-field slot="activator" :value="tConvert(startTime)" label="Start Time"  prepend-icon="access_time" readonly></v-text-field>
                <v-time-picker v-model="startTime"  :allowed-minutes="(m) => m % 15 === 0">
                    <v-spacer></v-spacer>
                  <v-btn flat color="primary" @click="modal2 = false">Cancel</v-btn>
                  <v-btn flat color="primary" @click="$refs.startTimeMenu.save(startTime)">OK</v-btn>
                </v-time-picker>
            </v-menu>

            <v-menu  ref="endTimeMenu" :close-on-content-click="false" v-model="endTimeMenu" :nudge-right="40" :return-value.sync="endTime" lazy transition="scale-transition" offset-y full-width min-width="290px">
                <v-text-field slot="activator" :value="tConvert(endTime)" label="End Time"  prepend-icon="access_time" readonly></v-text-field>
                <v-time-picker v-model="endTime" :allowed-minutes="(m) => m % 15 === 0">
                    <v-spacer></v-spacer>
                  <v-btn flat color="primary" @click="modal2 = false">Cancel</v-btn>
                  <v-btn flat color="primary" @click="$refs.endTimeMenu.save(endTime)">OK</v-btn>
                </v-time-picker>
            </v-menu>