时间戳

首页 > 解决方案 > 如何将空白日期字段作为默认值分配给 Vue.js 中的 ui-datepicker

date - 如何将空白日期字段作为默认值分配给 Vue.js 中的 ui-datepicker

问题描述

我ui-datepicker在 vue.js 中有一个，我希望该字段为空或空白作为其默认值。

<ui-datepicker
     label="Date"
     v-model="searchDate"
     :custom-formatter="picker9Formatter"
     :lang="picker12Lang">
</ui-datepicker>

export default {
    data(){
        searchDate : new Date(),
    }
}

使用上面的代码，它返回当前日期值。我试图这样做：

searchDate: '',
searchDate: moment('0000-00-00'),

但他们都抛出一个错误说：

无效的道具：道具“值”的类型检查失败。预期日期，得到字符串。

现在，我怎样才能制作一个空白datepicker字段？

标签： datevue.js

解决方案

假设您实际上正在使用 此组件，我觉得您只是想设置"0000-00-00"为占位符。

例如

Vue.use(DatePicker.default); // don't worry about this, it's just for the demo

new Vue({
  el: "#app",
  data: {
    picker12Lang: 'en',
    searchDate: ''
  }
})
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script src="https://unpkg.com/vue2-datepicker@2.6.4/lib/index.js"></script>
<div id="app">
  <date-picker
       v-model="searchDate"
       :lang="picker12Lang"
       placeholder="0000-00-00">
  </date-picker>
  <pre>searchDate = {{ searchDate }}</pre>
</div>

仅供参考，该组件的当前版本不再支持该custom-formatter道具。

至于错误信息...

无效的道具：道具“值”的类型检查失败。预期日期，得到字符串。

我在我尝试过的任何东西中都看不到这一点，所以它一定来自其他地方。

推荐阅读