无法使用javascript / jquery获取正确的时间格式

Question

我需要一个帮助。我需要使用Javascript / Jquery获得正确的时间间隔格式。

JS：

document.getElementById('btn').onclick=function(){
    var num=6;
    var sTime=9;
    var duration=1;
    var arr = [],
    endTime,
    startTime = sTime;
    for (var i = 0; i < num; i++) {
    endTime = startTime + duration;
    var inp = document.createElement("input");
    inp.type = "text";
    var ampm = startTime <= 12 && endTime <= 12 ? " AM " : " PM "
    inp.setAttribute("placeholder", startTime + ampm + endTime + ampm);
    document.body.appendChild(inp);
    startTime = endTime;
  }
}

在这里我需要在12点以后应该是1,2 ... AM / PM。在我的情况下是12PM之后的13点。这里是Plunkr链接来检查。请帮助我。

Answer 1

简单演示：

for(var num = 0;num<24;num++) 
  console.log(
    num % 12 ? 
      (num < 12 ? num % 12 + 'AM': num % 12 + 'PM') :
      (num==0?'12AM':'12PM'));

或作为功能：

function to12h(hour24) {
  if (hour24 % 12) {
     return hour24 ? /*noon*/ '12 PM' : /*midnight*/ '12 AM';
  }
  return num < 12 ? num % 12 + ' AM': num % 12 + ' PM';
}

或者您可以单独获得它：

var ampm = num < 12 ? 'AM' : 'PM';
var h12 = num % 12 || 12;

Plunker