VueJS - 带有Edm.DateTime元素的数组,转换日期并在表格中显示它们

时间:2017-11-23 19:25:03

标签: date vue.js sap

关注.json:

[{
"DATE": "/Date(1511346375000)/",
"POSID": "1"
},
{
"DATE": "/Date(1511346375000)/",
"POSID": "2"
}
}]

我正在通过v-for

在表格中加载唯一值
  <tr v-for="(value, key) in countDates">
        <td>{{ key }}</td>
        <td>{{ value }}</td>
     </tr>

事情是,我想显示可读日期,如: 2017年11月23日

所以我必须删除“/”并将其转换为UTC格式的日期。

我能通过计算属性实现吗? 还是有另一种可能吗?

1 个答案:

答案 0 :(得分:0)

  convertDate1 (value) {
    if (value === 'null') {
      return value.replace('null', 'no date specified')
    } else {
      var d = new Date(parseInt(value.replace('/Date(', '').replace(')/', ''), 10))
    }
    var month = d.getUTCMonth() + 1  // months from 1-12
    var day = d.getUTCDate()
    var year = d.getUTCFullYear()
    return year + '/' + month + '/' + day
  }

+

<td>{{ convertDate1(value.key) }}</td>