Vue.js 使用vuetifyjs在vue中未内联输入字段的对齐/位置
不确定为什么我的“选择日期”位置比“选择日期”和“选择时间”字段低一点Vue.js 使用vuetifyjs在vue中未内联输入字段的对齐/位置,vue.js,vuejs2,vuetify.js,Vue.js,Vuejs2,Vuetify.js,不确定为什么我的“选择日期”位置比“选择日期”和“选择时间”字段低一点 为车间添加日期 添加日期 查看查看让我尝试另一个问题,如何像其他问题一样删除“挑选车间”的顶行?组件类似。可能想用这个。让我试试这个。另一个问题,我如何像其他人一样从“挑选车间”中删除顶行?组件是类似的。我可能想用这个。 <template> Add Date for workshop <v-layout align-space-around justify-center row fill
为车间添加日期
添加日期
查看
查看让我尝试另一个问题,如何像其他问题一样删除“挑选车间”的顶行?组件类似。可能想用这个。让我试试这个。另一个问题,我如何像其他人一样从“挑选车间”中删除顶行?组件是类似的。我可能想用这个。
<template>
Add Date for workshop
<v-layout align-space-around justify-center row fill-height>
<v-flex xs12 sm6>
<v-overflow-btn
:items="menuWsNames"
label="Pick a Workshop"
target="#dropdown-example"
v-model="pickedWsName"
:rules="[v => !!v || 'Item is required']"
required
></v-overflow-btn>
</v-flex>
<v-flex xs12 sm2>
<v-menu
:close-on-content-click="false"
v-model="isDateShow"
:nudge-right="40"
lazy
transition="slide-y-transition"
offset-y
full-width
min-width="290px"
>
<v-text-field
slot="activator"
v-model="pickedDate"
label="Select a date"
:rules="[v => !!v || 'Item is required']"
readonly
required
></v-text-field>
<v-date-picker
v-model="pickedDate"
@input="isDateShow = false"
></v-date-picker>
</v-menu>
</v-flex>
<v-flex xs12 sm2>
<v-menu
ref="menu"
:close-on-content-click="false"
v-model="isTimeShow"
:nudge-right="40"
:return-value.sync="pickedStartTime"
lazy
transition="slide-y-transition"
offset-y
full-width
max-width="290px"
min-width="290px"
>
<v-text-field
slot="activator"
v-model="pickedStartTime"
label="Pick a time"
:rules="[v => !!v || 'Item is required']"
readonly
required
></v-text-field>
<v-time-picker
v-if="isTimeShow"
v-model="pickedStartTime"
full-width
@change="$refs.menu.save(pickedStartTime)"
></v-time-picker>
</v-menu>
</v-flex>
<v-flex xs12 sm2>
<v-btn
large
:loading="!isBtnActive"
@click="submit"
:disabled="!isBtnActive"
>Add Date</v-btn>
</v-flex>
</v-layout>
</v-form>