date - 如何将空白日期字段指定为 Vue.js 中的 ui-datepicker 的默认值

Question

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

<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'),

但是他们都抛出一个错误:

Invalid prop: type check failed for prop "value". Expected Date, got String.

现在，我怎样才能创建一个空白的datepicker字段？

Answer 1

假设您实际上正在使用 this component ，在我看来，您只是想将“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/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6412110124564a514a5655" rel="noreferrer noopener nofollow">[email protected]</a>/dist/vue.min.js"></script>
<script src="https://unpkg.com/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="afd9daca9d82cbcedbcadfc6ccc4caddef9d8199819b" rel="noreferrer noopener nofollow">[email protected]</a>/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 属性。

至于错误信息...

Invalid prop: type check failed for prop "value". Expected Date, got String.

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