Vue中有没有办法将军事时间转换为标准时间

Question

我正在使用以下代码从 JSON API 获取军事时间。

mounted: function(){
    var currentDate = moment().format('YYYY-MM-DD');
    axios.get("https://mysiteurl.com/api/ordersseller=5e1f43c0c69e7&items.arrival="+currentDate)
     .then(response => (this.post = response.data.data));
},

data(){
    return{
      post: []
   }
}


// the time value that I receive through that API is 1500, 1600 and 1700 

这是显示上述时间的模板视图。

<div v-for="item in post.items" v-bind:key="item.arrival">
    {{item.arrivalTime}}
</div>

如何将 军事时间 值（例如 1500、1600 和 1700）转换为标准时间，以便将它们打印为 03:00 PM、04:00 PM 和Vue.js 中的下午 5:00？

Answer 1

您可以进一步转换检索到的列表中的项目值

mounted: function(){
    var currentDate = moment().format('YYYY-MM-DD');
    axios.get("https://mysiteurl.com/api/ordersseller=5e1f43c0c69e7&items.arrival="+currentDate)
     .then(response => {
      this.post = response.data.data.map(pr => ({
      ...pr,
      arrivalTime: moment(pr.arrivalTime, "HHmm").format("hh:mm A")
      })
}
);
},

data(){
    return{
      post: []
   }
}

Answer 2

可能是这样的

let time = militaryTime/100-12 + ":00";

?