如何从 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 来控制保存的内容。