Comment obtenir la date du jour en JavaScript ?

Question

Comment obtenir la date du jour en JavaScript ?

Answer 1

Utilisez new Date() pour générer un nouveau Date contenant la date et l'heure actuelles.

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;
document.write(today);

Vous obtiendrez ainsi la date du jour au format mm/jj/aaaa.

Changez simplement today = mm +'/'+ dd +'/'+ yyyy; au format que vous souhaitez.

Answer 2

var utc = new Date().toJSON().slice(0,10).replace(/-/g,'/');
document.write(utc);

Utilisez le replace si vous comptez réutiliser l'option utc variable, telle que new Date(utc) car Firefox et Safari ne reconnaissent pas une date avec des tirets.

Answer 3

MISE À JOUR ! , Faites défiler vers le bas

Si vous voulez quelque chose de simple et de joli pour l'utilisateur final... Also, fixed a small suffix issue in the first version below. Now properly returns suffix.

var objToday = new Date(),
    weekday = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'),
    dayOfWeek = weekday[objToday.getDay()],
    domEnder = function() { var a = objToday; if (/1/.test(parseInt((a + "").charAt(0)))) return "th"; a = parseInt((a + "").charAt(1)); return 1 == a ? "st" : 2 == a ? "nd" : 3 == a ? "rd" : "th" }(),
    dayOfMonth = today + ( objToday.getDate() < 10) ? '0' + objToday.getDate() + domEnder : objToday.getDate() + domEnder,
    months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'),
    curMonth = months[objToday.getMonth()],
    curYear = objToday.getFullYear(),
    curHour = objToday.getHours() > 12 ? objToday.getHours() - 12 : (objToday.getHours() < 10 ? "0" + objToday.getHours() : objToday.getHours()),
    curMinute = objToday.getMinutes() < 10 ? "0" + objToday.getMinutes() : objToday.getMinutes(),
    curSeconds = objToday.getSeconds() < 10 ? "0" + objToday.getSeconds() : objToday.getSeconds(),
    curMeridiem = objToday.getHours() > 12 ? "PM" : "AM";
var today = curHour + ":" + curMinute + "." + curSeconds + curMeridiem + " " + dayOfWeek + " " + dayOfMonth + " of " + curMonth + ", " + curYear;

document.getElementsByTagName('h1')[0].textContent = today;

<h1></h1>

MISE À JOUR DE L'UBBER Après beaucoup d'atermoiements, j'ai finalement GitHubbed et j'ai mis à jour ce document avec la solution finale que j'ai utilisée pour moi-même. Il y a même eu quelques modifications de dernière minute pour le rendre plus agréable ! Si vous cherchez l'ancienne version jsFiddle, veuillez voir ceci .

Cette mise à jour intervient dans 2 saveurs, toujours relativement petites, mais pas aussi petites que ma réponse originale ci-dessus. Si vous voulez un produit extrêmement petit, choisissez-le.
A noter également : c'est toujours moins gonflé que moment.js. Alors que moment.js est sympa, imo, il a trop de méthodes séculaires, qui nécessitent d'apprendre moment comme si c'était un langage. Le mien ici utilise le même format commun que PHP : date .

Liens rapides

• Date.format.min.js 5.08 KB
• dateFormat.min.js 4.16 KB

Saveur 1 new Date().format(String) Mon favori personnel. Je sais que c'est tabou, mais cela fonctionne très bien avec le Date Object. Il faut juste être conscient de tous les autres mods que vous pouvez avoir sur le Date Object.

//  use as simple as
new Date().format('m-d-Y h:i:s');   //  07-06-2016 06:38:34

Saveur 2 dateFormat(Date, String) Méthode plus traditionnelle tout-en-un. Possède toutes les capacités de la précédente, mais est appelée via la méthode avec le paramètre Date.

//  use as simple as
dateFormat(new Date(), 'm-d-Y h:i:s');  //  07-06-2016 06:38:34

Saveur BONUS (nécessite jQuery) $.date(Date, String) Il contient bien plus qu'un simple format option. Il étend l'objet Date de base et inclut des méthodes telles que addDays . Pour plus d'informations, veuillez consulter le Git .

Dans ce mod, les personnages du format sont inspirés de PHP : date . Pour une liste complète, veuillez consulter mon README

Ce mod dispose également d'une liste beaucoup plus longue de formats préétablis. Pour utiliser un format préétabli, il suffit de saisir son nom de clé. dateFormat(new Date(), 'pretty-a');

• composé
  • commonLogFormat' == 'd/M/Y:G:i:s'.
  • exif' == 'Y:m:d G:i:s'.
  • isoYearWeek' == 'Y \\WW '
  • isoYearWeek2' == 'Y- \\WW '
  • isoYearWeekDay' == 'Y \\WWj '
  • isoYearWeekDay2' == 'Y- \\WW -j'
  • mySQL' == 'Y-m-d h:i:s'.
  • postgreSQL " = " Y.z ".
  • postgreSQL2 " = " Yz ".
  • soap' == 'Y-m-d \\TH :i:s.u'
  • soap2 == 'Y-m-d \\TH :i:s.uP'
  • unixTimestamp' == '@U'.
  • xmlrpc' == 'Ymd \\TG :i:s'
  • xmlrpcCompact' == 'Ymd \\tGis '
  • wddx' == 'Y-n-j \\TG :i:s'
• constantes
  • AMERICAN " = " F j Y ".
  • AMERICANSHORT' == 'm/d/Y
  • AMERICANSHORTWTIME' == 'm/d/Y h:i:sA'.
  • ATOM' == 'Y-m-d \\TH :i:sP'
  • COOKIE" == "l d-M-Y H:i:s T".
  • EUROPÉENNE' == 'j F Y'.
  • 'EUROPEANSHORT' == 'd.m.Y.'.
  • EUROPEANSHORTWTIME' == 'd.m.Y H:i:s'.
  • ISO8601' == 'Y-m-d \\TH :i:sO'
  • 'LEGAL' == 'j F Y'.
  • RFC822' == 'D d M y H:i:s O'.
  • RFC850' == "l d-M-y H:i:s T
  • 'RFC1036' == 'D d M y H:i:s O'
  • RFC1123' == 'D d M Y H:i:s O'.
  • RFC2822' == 'D d M Y H:i:s O'.
  • RFC3339' == 'Y-m-d \\TH :i:sP'
  • RSS' == 'J J M Y H:i:s O
  • W3C' == 'Y-m-d \\TH :i:sP'
• "joli
  • pretty-a' == 'g:i.sA l jS \\o\\f F Y'
  • pretty-b' == 'g:iA l jS \\o\\f F Y'
  • pretty-c == 'n/d/Y g:iA
  • joli-d' == 'n/d/Y'.
  • Pretty-e' == 'F jS - g:ia'.
  • pretty-f == 'g:iA

Comme vous pouvez le remarquer, vous pouvez utiliser le double \ pour échapper à un caractère.

---

Answer 4

Essayez ça :

var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth() + 1
var year = currentDate.getFullYear()
document.write("<b>" + day + "/" + month + "/" + year + "</b>")

Le résultat sera le suivant

15/2/2012

Answer 5

Si vous recherchez un contrôle beaucoup plus granulaire des formats de date, je vous recommande vivement de consulter momentjs. Une bibliothèque formidable - et seulement 5KB. http://momentjs.com/