如何预先填充日期范围值？

发布于 2025-02-06 02:57:40 字数 430 浏览 3 评论 0原文

在尝试预填充日期范围值的同时，我在编辑页面上有一个问题。

前任。 2022-06-03，2022-06-04

而不是看到此

我在控制台中遇到了一个错误。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

ぶ宁プ宁ぶ 2025-02-13 02:57:40

我不知道我是否正确理解了这个问题，但是在没有代码段的情况下，我指的是官方Vuetify文档。

基本上，您将日期模式分配给Vuetify组件，并在计算的情况下可选地计算除数。

 export default {
    data: () => ({
      dates: ['2019-09-10', '2019-09-20'],
    }),
    computed: {
      dateRangeText () {
        return this.dates.join(' ~ ')
      },
    },
  }

<v-row>
    <v-col
      cols="12"
      sm="6"
    >
      <v-date-picker
        v-model="dates"
        range
      ></v-date-picker>
    </v-col>
    <v-col
      cols="12"
      sm="6"
    >
      <v-text-field
        v-model="dateRangeText"
        label="Date range"
        prepend-icon="mdi-calendar"
        readonly
      ></v-text-field>
      model: {{ dates }}
    </v-col>
  </v-row>

I don't know if I understood the question correctly, but in the absence of a code snippet I refer to the official Vuetify documentation.

Basically you assign a date pattern to the Vuetify component and optionally, with a computed, calculate the divisor.

 export default {
    data: () => ({
      dates: ['2019-09-10', '2019-09-20'],
    }),
    computed: {
      dateRangeText () {
        return this.dates.join(' ~ ')
      },
    },
  }

<v-row>
    <v-col
      cols="12"
      sm="6"
    >
      <v-date-picker
        v-model="dates"
        range
      ></v-date-picker>
    </v-col>
    <v-col
      cols="12"
      sm="6"
    >
      <v-text-field
        v-model="dateRangeText"
        label="Date range"
        prepend-icon="mdi-calendar"
        readonly
      ></v-text-field>
      model: {{ dates }}
    </v-col>
  </v-row>

回复收藏 0 原文

~没有更多了~