VueJS-具有Edm.DateTime元素的数组，转换日期并将其显示在表格中

Question

Got following .json:

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

I'm loading the unique values in my table via v-for:

  <tr v-for="(value, key) in countDates">
        <td>{{ key }}</td>
        <td>{{ value }}</td>
     </tr>

Thing is, I want to display the readable Date like: 2017-11-23

So I have to remove the "/" and convert it in a UTC-Formatted-Date.

Can I achieve that via computed properties? Or is there another possibility?

Answer 1

  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>