Vuetify 日期選擇器

Question

這是一個 vuetify datePicker

我需要將它用作給定年份和月份的日期選擇器，目前標題是可點擊的，月份和年份可以更改。

如何禁用標題？

<v-date-picker 
        v-model="2021-07-15"
        no-title
        type="date"
        :show-current = "false"
>
</v-date-picker>

Answer 1

您可以使用“v-date-picker-header”類並將其設置為無。

.v-date-picker-header {
     display: none !important;
 }

Answer 2

正如 Heretic Monkey 提到的，您可以使用具有適當值的 min 和 max。 您可以這樣做：

對於v-datepicker ：

<v-date-picker :min="min" :max="max" v-model="picker"></v-date-picker>

在你的腳本中：

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data () {
    let date = new Date()
    return {
      min: (new Date(new Date(date.getFullYear(), date.getMonth(), 1) - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
      max: (new Date(new Date(date.getFullYear(), date.getMonth() + 1, 0) - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
      picker: (new Date(Date.now() - (new Date()).getTimezoneOffset() * 60000)).toISOString().substr(0, 10),
    }
  },
})