Javascript Vue JS时隙生成器如何从对象获取值，然后显示PM/AM

我使用该软件包来显示从0:15到24:00的时间，问题是该软件包不提供显示AM/PM的功能，我必须手动执行

为此，我从StackOverflow中获取了一些示例代码，然后对其进行了一些更改，得到了以下结果

  let hours = 23;
  let minutes = 32;
  let ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0'+minutes : minutes;
  const strTime = hours + ':' + minutes + ' ' + ampm;
  console.log(strTime)

通过这个循环，我得到以下结果

  let hours = 23;
  let minutes = 32;
  let ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12; // the hour '0' should be '12'
  minutes = minutes < 10 ? '0'+minutes : minutes;
  const strTime = hours + ':' + minutes + ' ' + ampm;
  console.log(strTime)

---

正如您已经了解的，现在我需要这样做，以便显示上午或下午的时间，也许您可以提供一个更简单的解决方案来解决此问题我将很高兴听到每一个建议，您可以查看日期，我推荐一个更稳健和灵活的解决方案。使用

您可以在此处找到一个示例：

---

但是使用formatnewdate之类的东西，hh:mmaaaaa'm'应该足够好了，而且在上面应该是灵活的。此外，与Momentjs不同的是，这个库经过了优化，并且做得很好。

对于日期，我建议使用更健壮、更灵活的解决方案。使用

您可以在此处找到一个示例：

---

但是使用formatnewdate之类的东西，hh:mmaaaaa'm'应该足够好了，而且在上面应该是灵活的。此外，与Momentjs不同的是，此库经过了优化，工作做得很好。

您可以将该时间格式片段移动到一个可以在每个时隙值上调用的函数中：

导出默认值{ 方法：{ formatAMPM{ const formatTime=time=>{ const parts=time.split'：'； 设小时数=零件数[0]； 让分钟=数字部分[1]； 让ampm=hours>=12？'pm'：'am'； 小时数=小时数%12； 小时数=小时数？小时数：12；//小时数“0”应为“12” 分钟=分钟<10？'0'+分钟：分钟； 常数strTime=hours+'：'+minutes+'+ampm； 返回时间； }; Object.entriesthis.timeslot.forEach[key，time]=>{ this.timeSlots[key]=formatTimetime； }; }, } }

---

您可以将该时间格式片段移动到可以对每个时隙值调用的函数中：

导出默认值{ 方法：{ formatAMPM{ const formatTime=time=>{ const parts=time.split'：'； 设小时数=零件数[0]； 让分钟=数字部分[1]； 让ampm=hours>=12？'pm'：'am'； 小时数=小时数%12； 小时数=小时数？小时数：12；//小时数“0”应为“12” 分钟=分钟<10？'0'+分钟：分钟； 常数strTime=hours+'：'+minutes+'+ampm； 返回时间； }; Object.entriesthis.timeslot.forEach[key，time]=>{ this.timeSlots[key]=formatTimetime； }; }, } }