Как обрезать / убрать время из vue el-date-picker?

Question

Я использую следующий код ( документация ):

<el-date-picker
    v-model="myModel"
    type="date"
    placeholder="Pick a date" />

И я получил время со временем - 2019-06-15T17:00:00.000Z

Есть ли данные-выбор настроек для изменения формата на 2019-06-15 или 2019-06-15T00:00:00.000Z?

Answer 1

Атрибут format будет управлять только отображаемым отображением, но вы можете использовать атрибут value-format, чтобы использовать строку вместо объекта даты.

<template>
<el-date-picker
      v-model="value"
      type="date"
      format="yyyy/MM/dd"
      value-format="yyyy-MM-dd">
</el-date-picker>
</template>

<script>
export default {
    data() {
      return {
        value: ''
      };
    }
  };
</script>

Источник: https://element.eleme.io/#/en-US/component/date-picker#date-formats

Answer 2

<el-date-picker
    v-model="myModel"
    type="date"
    placeholder="Pick a date"
    format="yyyy-MM-dd" />

Answer 3

Я думаю, что вы должны использовать дату ответа, а затем использовать JavaScript для преобразования:

date.getMonth() // 5 (starts with 0) so use +1 
date.getDate() // 15 
date.getFullYear() // 2019

Будет ли это работать в вашем случае?

Используемая вами библиотека также использует value-format для контроля того, что сохраняется.