Vuetify使用日期选择器设置可选时间大于当前日期的方法

Kugua-F

于 2020-01-10 14:43:24 发布

阅读量2.6k

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_43593155/article/details/103924093

版权

前端专栏收录该内容

3 篇文章

订阅专栏

Vuetify使用日期选择器设置可选时间大于当前日期的方法

css:date-picker 样式

     <v-date-picker
        v-model="date"
        :allowed-dates="allowedDates"
        class="mt-4"
      ></v-date-picker>

vue.js

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    date: new Date().toISOString().substr(0, 10),
  }),

  methods: {
    allowedDates: val => Date.parse(val) > Date.now() - 8.64e7,
  },
})

实现效果如下:

在这里插入图片描述