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

Question

我在vue.js中有一个ui-datepicker 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'),

但是他们两个都抛出错误说：

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

现在，我如何使一个空白的datepicker字段？

Answer 1

假设您实际上正在使用 此组件 ，对我来说听起来就像您只想将"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支持。

至于错误信息...

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

我看不到任何尝试过的东西，因此它一定来自其他地方。

Answer 2

您可以将默认日期分配为新的Date（0）;