vue.js - 在vuetify.js中将 header 设置为DatePicker

Question

您好，我想在v-date-picker组件上设置标题。我该怎么做？

My idea is set a header over the component

Answer 1

您可以这样尝试:

      <div>
        <v-menu
          lazy
          :close-on-content-click="false"
          v-model="menu"
          transition="scale-transition"
          offset-y
          full-width
          :nudge-right="40"
          max-width="290px"
          min-width="290px"
        >
          <v-text-field
            slot="activator"
            label="Picker in menu"
            v-model="date"
            prepend-icon="event"
            readonly
          ></v-text-field>
          <v-date-picker v-model="date" no-title scrollable actions>
            <template scope="{ save, cancel }">
              <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn flat color="primary" @click="cancel">Cancel</v-btn>
                <v-btn flat color="primary" @click="save">OK</v-btn>
              </v-card-actions>
            </template>
          </v-date-picker>
        </v-menu>
     </div>

<scirpt>

 name: "YourClassName",
        props: {},
        components: {},
        data() {
            return {
                date: null,
                menu: false,
                modal: false
            };
        },
</script>

希望这可以帮助=)

编辑:顺便说一句，我强烈推荐Vuetify，您可以在前端搜索所需的组件。
看这里: Vuetify Date-Picker