Formatage de l'heure actuelle avec Javascript

Question

Je veux obtenir l'heure actuelle dans un format spécifique avec javascript.

Avec la fonction ci-dessous et en l'appelant, cela me donnera Fri Feb 01 2013 13:56:40 GMT+1300 (heure d'été de la Nouvelle-Zélande) mais je veux le formater comme Vendredi 2:00pm 1er février 2013

var d = new Date();
var x = document.getElementById("time");
x.innerHTML = d;

Bien sûr, le code ci-dessus n'a pas de logique de formatage mais je n'ai pas encore rencontré de formateur "fonctionnel".

Answer 1

Il existe de nombreuses bibliothèques de qualité, pour les personnes intéressées.

• http://www.datejs.com/
• http://momentjs.com/
• https://github.com/samsonjs/strftime

De nos jours, il ne devrait vraiment pas être nécessaire d'inventer ses propres spécificateurs de formatage.

Answer 2

Utilisation de Moment .

Je ne peux pas recommander l'utilisation de Moment suffisant. Si vous pouvez utiliser des bibliothèques tierces, je vous recommande vivement de le faire. Au-delà du simple formatage, ces bibliothèques traitent extrêmement bien les fuseaux horaires, l'analyse syntaxique, les durées et les voyages dans le temps, ce qui vous rapportera des dividendes en termes de simplicité et de temps (au petit prix de la taille, de l'abstraction et des performances).

Utilisation

Tu voulais quelque chose qui ressemble à ça :

Vendredi 2:00pm 1 Feb 2013

Eh bien, avec Moment, tout ce que vous avez à faire est ceci :

import Moment from "moment";

Moment().format( "dddd h:mma D MMM YYYY" ); //=> "Wednesday 9:20am 9 Dec 2020"

Et si vous voulez faire correspondre cette date et cette heure exactes, il vous suffit de faire ceci :

import Moment from "moment";

Moment( "2013-2-1 14:00:00" ).format( "dddd h:mma D MMM YYYY" ) ); //=> "Friday 2:00pm 1 Feb 2013"

Il y a une myriade d'autres options de formatage qui peuvent être trouvées ici .

Installer

Rendez-vous sur leur page d'accueil pour voir des instructions plus détaillées, mais si vous utilisez npm ou yarn, c'est aussi simple que ça :

npm install moment --save

ou

yarn add moment

Answer 3

d = Date.now();
d = new Date(d);
d = (d.getMonth()+1)+'/'+d.getDate()+'/'+d.getFullYear()+' '+(d.getHours() > 12 ? d.getHours() - 12 : d.getHours())+':'+d.getMinutes()+' '+(d.getHours() >= 12 ? "PM" : "AM");

console.log(d);

Answer 4

Seulement le temps

const getTime = ()=>{
    const d = new Date();
    const dd = [d.getHours(), d.getMinutes(), d.getSeconds()].map((a)=>(a < 10 ? '0' + a : a));
    return dd.join(':');
};

Answer 5

Pour ce vrai style mysql, utilisez la fonction ci-dessous : 2019/02/28 15:33:12

• Si vous cliquez sur le bouton
• Le bouton "Run code snippet" ci-dessous

• Il vous montrera un exemple simple d'horloge numérique en temps réel. La démo apparaîtra sous l'extrait de code.

  function getDateTime() { var now = new Date(); var year = now.getFullYear(); var month = now.getMonth()+1; var day = now.getDate(); var hour = now.getHours(); var minute = now.getMinutes(); var second = now.getSeconds(); if(month.toString().length == 1) { month = '0'+month; } if(day.toString().length == 1) { day = '0'+day; }
  if(hour.toString().length == 1) { hour = '0'+hour; } if(minute.toString().length == 1) { minute = '0'+minute; } if(second.toString().length == 1) { second = '0'+second; }
  var dateTime = year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second;
  return dateTime; }

  // example usage: realtime clock
  setInterval(function(){
      currentTime = getDateTime();
      document.getElementById("digital-clock").innerHTML = currentTime;
  }, 1000);

  <div id="digital-clock"></div>