2017-11-23 18 views
1

ガット次.jsonそれらを表示:VueJS - Edm.DateTimeの要素を持つ配列、日付を変換し、テーブルに

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

私は経由で私のテーブル内の一意の値をロードしていますが、V-用:

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

事は、私は次のように読みやすい日付を表示したいされています。だから私は、「/」を削除し、UTC-書式付き-日にそれを変換する必要が 2017年11月23日

計算されたプロパティでこれを達成できますか? また別の可能性はありますか?このよう

+0

? https://codepen.io/Kradek/pen/qVKOoX?editors=1010 – Bert

+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> 
関連する問題