V-Text-field type="date" 问题 Vuetify Javascript

Question

我在 Safari 中遇到仅显示日期初始状态的问题

在 Safari 上加载视图时，它会自动显示今天的日期，甚至我的初始状态是： sell_act_at:"",

此问题仅在 Safari 下发生 有任何建议或想法如何解决此问题？谢谢

这里有一个用于测试的游乐场 必须在safari下打开playground才能看到问题。

期待

Answer 1

日期选择器界面在不同的网络浏览器中看起来不同，因为每个浏览器的渲染引擎以不同的方式实现界面。

Safari 使用 Webkit 渲染引擎，基于 Chromium 的浏览器使用 Blink 渲染引擎。

在不同浏览器之间实现一致界面的常用解决方法是实现一个由文本字段和日期选择器组成的定制组件。

Vuetify 在 VDateInput 组件中提供了此类组件。

如果您希望日期选择器界面在不同的网络浏览器中保持相似，我建议您考虑使用此组件。

  <v-row>
    <v-col cols="4">
      <v-date-input
        placeholder="dd.mm.yyyy"
        v-model="state.sell_act_at"
        variant="outlined"
        color="rgba(50, 50, 50, 0.3)"
        bg-color="white"
        base-color="rgba(50, 50, 50, 0.3)"
        rounded="true"
        density="compact"
        class="form-input-text"
        append-inner-icon="$calendar"
        prepend-icon="null"
      ></v-date-input>
    </v-col>
  </v-row>