Блог

У меня есть компонент DatePicker следующим образом:

 <div class="date-picker">
   <md-datepicker v-model="monthStart" md-immediately>
      <label>From</label>
   </md-datepicker>
</div>
  

С monthStart определением следующим образом:

 data() {
    return {
      monthStart: moment()
        .startOf("month")
        .format("YYYY-MM-DD"),
  

Теперь, когда я впервые открываю страницу, значение DatePicker устанавливается по умолчанию 2020-11-01 , и если я запускаю метод, использующий monthStart его, отправляет 2020-11-01 запрос. Это также отлично работает, если я изменяю дату в DatePicker, не делая ничего другого. Однако, если я сначала вычеркну дату, чтобы указатель даты был пустым, а ЗАТЕМ выберу новую дату, в поле выбора даты все равно будет указано 2020-11-01 , но когда я запускаю метод, указывается дата, которая отправляется в запросе Wed Nov 11 2020 00:00:00 GMT 0100 . Как я могу установить формат для DatePicker, чтобы выбранная дата всегда имела формат «ГГГГ-ММ-ДД»?

Ответ был просто добавить :md-model-type="String" в DatePicker, как описано в нижней части документов (https://vuematerial.io/components/datepicker /):

    <div class="date-picker">
       <md-datepicker v-model="monthStart" md-immediately :md-model-type="String">
          <label>From</label>
       </md-datepicker>
    </div>