Question

我使用以下代码（documentation）：

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

然后我就得到了va; ue-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

我认为您应该使用响应日期，然后使用JavaScript将其转换为：

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

您的情况行得通吗？

您使用的库还使用value-format来控制保存的内容。

Answer 3

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

如何从vue el-date-picker修剪/删除时间？

3 个答案: