日期选择器在 VueJS 元素库中返回带有时区的 dateTime

Question

我正在使用来自 http://element.eleme.io/#/en-US/component/date-picker 的日期选择器

它应该以形式返回日期：

yyyy-MM-dd

但是，它返回如下：

2017 年 4 月 20 日星期四 00:00:00 GMT+0530（印度标准时间）

这是我用过的代码

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

Answer 1

您可以使用computed property 或filter 来获得所需的输出。

示例：https://jsfiddle.net/wostex/63t082p2/33/

<div id="app">
  <el-date-picker 
  v-model="date" 
  type="date" 
  placeholder="Pick a day" 
  format="yyyy-MM-dd">
  </el-date-picker>
  <p v-if="date">{{ dateFormat }}</p>
</div>

new Vue({
  el: '#app',
  data: {
    date: null
  },
  computed: {
    dateFormat: function() {
        let date = new Date(this.date);
        return date.getFullYear() + '-' + 
          (date.getMonth() +1) + '-' + 
          date.getDate();  
    }
  }
});