Как назначить пустое поле даты в качестве значения по умолчанию для ui-datepicker в Vue.js

Question

У меня есть 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?

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: ''
  }
})

  
  
  searchDate = {{ searchDate }}

FYI, текущая версия этого компонента больше не поддерживает custom-formatter prop.

Что касается сообщения об ошибке ...

Invalid prop: сбой проверки типа для prop "value".Ожидаемая дата, получена строка.

Я не вижу этого в том, что я пробовал, поэтому, должно быть, оно откуда-то еще.

Answer 2

Вы можете назначить дату по умолчанию как новую Дата (0);