Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
VueJS-包含Edm.DateTime元素的数组,转换日期并将其显示在表中_Date_Vue.js_Sap - Fatal编程技术网

VueJS-包含Edm.DateTime元素的数组,转换日期并将其显示在表中

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

获取了以下.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>

{{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>