Conversion de l'heure de 24 heures en heure de 12 heures avec AM et PM en utilisant Javascript

Question

Quelle est la meilleure façon de convertir la valeur JSON suivante du format 24 heures au format 12 heures avec AM et PM ? La date doit rester la même - l'heure est la seule chose qui doit être formatée.

February 04, 2011 19:00:00

P.S. J'utilise jQuery si cela facilite les choses ! Je préférerais également une fonction/code simple et ne pas utiliser Date.js.

Answer 1

C'est ainsi que vous pouvez changer les heures sans l'instruction if :

hours = ((hours + 11) % 12 + 1);

Answer 2

UPDATE 2 : sans option de secondes

UPDATE : AM après midi corrigé, testé : http://jsfiddle.net/aorcsik/xbtjE/

J'ai créé cette fonction pour faire cela :

function formatDate(date) {
  var d = new Date(date);
  var hh = d.getHours();
  var m = d.getMinutes();
  var s = d.getSeconds();
  var dd = "AM";
  var h = hh;
  if (h >= 12) {
    h = hh - 12;
    dd = "PM";
  }
  if (h == 0) {
    h = 12;
  }
  m = m < 10 ? "0" + m : m;

  s = s < 10 ? "0" + s : s;

  /* if you want 2 digit hours:
  h = h<10?"0"+h:h; */

  var pattern = new RegExp("0?" + hh + ":" + m + ":" + s);

  var replacement = h + ":" + m;
  /* if you want to add seconds
  replacement += ":"+s;  */
  replacement += " " + dd;

  return date.replace(pattern, replacement);
}

alert(formatDate("February 04, 2011 12:00:00"));

Answer 3

    //it is pm if hours from 12 onwards
    suffix = (hours >= 12)? 'pm' : 'am';

    //only -12 from hours if it is greater than 12 (if not back at mid night)
    hours = (hours > 12)? hours -12 : hours;

    //if 00 then it is 12 am
    hours = (hours == '00')? 12 : hours;

Answer 4

Voici une façon raisonnablement concise de le faire en utilisant un Prototype :

Date.prototype.getFormattedTime = function () {
    var hours = this.getHours() == 0 ? "12" : this.getHours() > 12 ? this.getHours() - 12 : this.getHours();
    var minutes = (this.getMinutes() < 10 ? "0" : "") + this.getMinutes();
    var ampm = this.getHours() < 12 ? "AM" : "PM";
    var formattedTime = hours + ":" + minutes + " " + ampm;
    return formattedTime;
}

Il ne vous reste plus qu'à convertir votre valeur de chaîne en date et à utiliser la nouvelle méthode :

var stringValue = "February 04, 2011 19:00:00;
var dateValue = new Date(stringValue);
var formattedTime = dateValue.getFormattedTime();

Ou en une seule ligne :

var formattedTime = new Date("February 04, 2011 19:00:00").getFormattedTime();

Answer 5

function pad(num) {return ("0" + num).slice(-2);}
function time1() {
  var today = new Date(),
    h = today.getHours(),
    m = today.getMinutes(),
    s = today.getSeconds();

  h = h % 12;
  h = h ? h : 12; // the hour '0' should be '12'
  clk.innerHTML = h + ':' + 
    pad(m) + ':' + 
    pad(s) + ' ' + 
    (h >= 12 ? 'PM' : 'AM');
}
window.onload = function() {
  var clk = document.getElementById('clk');
  t = setInterval(time1, 500);
}

<span id="clk"></span>