日期选择器在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();  
    }
  }
});