VueJS - Array mit Edm.DateTime Elemente verwandeln Daten und zeigen sie in der Tabelle

Question

Got folgende .json:

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

ich die eindeutigen Werte in meinem Tisch Laden über V-für:

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

das Ding ist, ich möchte das lesbare Datum angezeigt werden wie: 2017-11-23

Also muss ich die „/“ entfernen und es in einer UTC-Formatierte-Date zu konvertieren.

Kann ich das über berechnete Eigenschaften erreichen? Oder gibt es eine andere Möglichkeit?

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>