VueJS-包含Edm.DateTime元素的数组,转换日期并将其显示在表中
获取了以下.json:VueJS-包含Edm.DateTime元素的数组,转换日期并将其显示在表中,date,vue.js,sap,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>{{ valu
[{
"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>
{{key}}
{{value}}
问题是,我想显示可读日期,如下所示:
2017-11-23
因此,我必须删除“/”并将其转换为UTC格式的日期
我可以通过计算属性来实现吗?
或者还有其他可能性吗
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
}
+
{{convertDate1(value.key)}
+
{{convertDate1(value.key)}
像这样吗?您可以编写一个computed属性,在其中返回数组的修改版本,或者您可以定义一个转换日期的方法,并在重复模板中调用此方法?您可以编写一个computed属性,其中返回数组的修改版本,也可以定义一个转换日期的方法,并在重复模板中调用此方法。
<td>{{ convertDate1(value.key) }}</td>