日期选择器返回DateTime，并在VUEJS元素库中的时区

Question

我正在使用http://element.eleme.io/#/en-us/component/date-picker

的日期选择器

它应以形式返回日期：

yyyy-mm-dd

但是，它返回如下：

THU 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();  
    }
  }
});