Javascript Vue将军事时间更改为标准时间

我正在从

todos.items

获取到达时间。在获取到达时间时，它使用

sortedArray函数（）

整理军事时间。有没有办法在整理后将整理的时间值从军用更改为标准

查看

<div id="app">

  <div v-for="todo in sortedArray">
    {{todo.items.arrivalTime}}
  </div>
   <!-- is there a way to convert to todo.items.arrivalTime as paragraph<p> below -->
  <br>
  <h1>
    <b>Convert Into</b>
  </h1>
  <br>
  <p>09:00 AM</p>
  <p>10:00 AM</p>
  <p>11:00 AM</p>
  <p>02:00 PM</p>
  <p>10:00 PM</p>

</div>

{{todo.items.arrivalTime}


转化为


上午9:00

上午10:00

上午11:00

下午二时

晚上10:00

脚本

new Vue({
  el: "#app",
  data: {
    todos: [
      { id: "1", items:{arrivalTime: "1100"} },
      { id: "2", items:{arrivalTime: "1000"} },
      { id: "3", items:{arrivalTime: "1400"} },
      { id: "4", items:{arrivalTime: "0900"} },
      { id: "5", items:{arrivalTime: "2200"} },
    ]
  },
  methods: {
    toggle: function(todo){
        todo.done = !todo.done
    }
  },
  computed:{
    sortedArray: function() {
      console.log("inside sortedArray");
      function compare(a, b) {
        if (a.items.arrivalTime < b.items.arrivalTime)
          return -1;
        if (a.items.arrivalTime > b.items.arrivalTime)
          return 1;
        return -1;
          }
      return this.todos.sort(compare);
    }
  }
})

newvue({
el:“应用程序”，
数据：{
待办事项：[
{id:“1”，项目：{arrivalTime:“1100”}，
{id:“2”，项目：{arrivalTime:“1000”}，
{id:“3”，项目：{arrivalTime:“1400”}，
{id:“4”，项目：{arrivalTime:“0900”}，
{id:“5”，项目：{arrivalTime:“2200”}，
]
},
方法：{
切换：功能（todo）{
todo.done=！todo.done
}
},
计算：{
SorterDarray:函数（）{
控制台日志（“内部分拣设备”）；
功能比较（a、b）{
if（a.items.arrivalTimeb.items.arrivalTime）
返回1；
返回-1；
}
返回此.todos.sort（比较）；
}
}
})

我尝试使用

jsFiddle

将军事时间更改为标准时间，但没有成功。下面是我上传到

JsFiddle

---

这与Vue无关，但通常是关于JavaScript的

如果您想要完整的信息，您需要的解决方案是将军事时间字符串按字符分割并输入日期对象

var hrs, min, result, time;

time = '1100';

hrs = time.slice(0, 2);
min = time.slice(2, 4);
console.log(hrs, min);

result = new Date;
result.setHours(hrs);
result.setMinutes(min);
console.log(result);

这将为您提供一个完整的日期对象。从那里你可以用一个类库格式化时间，比如

或者，如果您不需要稍后添加时间的功能，需要知道日期等，您可以跳过所有这些，直接操作军事时间字符串

var小时、分钟、结果、时间；
时间='1100'；
hrs=时间片（0,2）；
min=时间片（2,4）；
if（parseInt（时间）>1259）{
结果=`${hrs-12}:${min}PM`；
}否则{
结果=`${hrs}:${min}AM`；
}
控制台日志（结果）；

此外，请注意上述内容不一定100%正确。我不确定现在12点59分应该是上午还是下午你从哪里来，但我希望你能理解要点

---

干杯和好运

这与Vue无关，但通常是关于JavaScript的

如果您想要完整的信息，您需要的解决方案是将军事时间字符串按字符分割并输入日期对象

var hrs, min, result, time;

time = '1100';

hrs = time.slice(0, 2);
min = time.slice(2, 4);
console.log(hrs, min);

result = new Date;
result.setHours(hrs);
result.setMinutes(min);
console.log(result);

这将为您提供一个完整的日期对象。从那里你可以用一个类库格式化时间，比如

或者，如果您不需要稍后添加时间的功能，需要知道日期等，您可以跳过所有这些，直接操作军事时间字符串

var小时、分钟、结果、时间；
时间='1100'；
hrs=时间片（0,2）；
min=时间片（2,4）；
if（parseInt（时间）>1259）{
结果=`${hrs-12}:${min}PM`；
}否则{
结果=`${hrs}:${min}AM`；
}
控制台日志（结果）；

此外，请注意上述内容不一定100%正确。我不确定现在12点59分应该是上午还是下午你从哪里来，但我希望你能理解要点

---

干杯，祝你好运

我有一个与上面非常相似的解决方案。他们跑得更快

fromMilTime:函数（时间）{
如果（parseInt（time）=1300&&parseInt（time）我有一个与上面非常相似的解决方案。它们更快


fromMilTime:函数（时间）{
if（parseInt（时间）=1300&&parseInt（时间）你的标准时间是什么？我问是因为世界上最标准的时间是10:00，22:00等。你的标准时间是什么？我问是因为世界上最标准的时间是10:00，22:00等。有没有办法在排序Darray函数之后使用该函数。因为我需要排序已经完成的时间。但是当我使用fromMilTime时，它是c转换时间，但不按sortArray函数对时间进行排序。对此有何评论？你想按什么排序？这是为了在运行时进行转换并返回修改后的版本，正如我所想的那样。没关系。我以前甚至没有注意到你现有的排序数组，这是在使用你的计算机ed array..仅仅是OCD并使用箭头函数进行排序…有没有办法在SorterDarray函数之后使用该函数。因为我需要对已经完成的时间进行排序。但是当我使用fromMilTime时，它会转换时间，但不会按sortArray函数对时间进行排序。对此有何评论？你想按什么排序？这是为了只需在运行中进行转换并返回修改后的版本，因为这就是我认为您要查找的所有内容。无需担心。我以前甚至没有注意您现有的排序数组，这是使用您的计算数组..只是作为OCD并使用箭头函数进行排序。。。