javascript - 无法使用 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 link检查一下。请帮助我。

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