Comment obtenir la date du jour en JavaScript ?

Comment obtenir la date du jour en JavaScript ?

Solution

Utilisez new Date() pour générer un nouvel objet 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);

Cela vous donnera la date d'aujourd'hui au format mm/jj/aaaa.

Il suffit de changer today = mm +'/'+ dd +'/'+ yyyy; au format que vous souhaitez.

Commentaires (13)

UPDATED!, Faites défiler vers le bas

Si vous voulez quelque chose de simple et de joli pour l'utilisateur final ... Aussi, correction d'un petit problème de suffixe dans la première version ci-dessous. Maintenant, retourne correctement le suffixe. `

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'UBERGE Après beaucoup de tergiversations, j'ai finalement [GitHubbé][1] et mis à jour cette page 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 la rendre plus agréable ! Si vous cherchez l'ancienne version de [jsFiddle, voyez ceci][2].

Cette mise à jour se décline en 2 saveurs, toujours relativement petites, mais pas aussi petites que ma réponse originale ci-dessus. Si vous voulez extrêmement petit, aller avec cela.
Note également : Ceci est encore moins bloqué que moment.js. Alors que moment.js est agréable, 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][6].

Liens rapides

Flavor 1 [new Date().format(String)][3].

Mon favori personnel. Je sais que c'est tabou, mais ça marche très bien avec l'objet Date. Il faut juste être conscient de tous les autres mods que vous pouvez avoir sur l'objet Date.

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

Flavor 2 [dateFormat(Date, String)][4] Méthode plus traditionnelle tout-en-un. Elle 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

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

Dans ce mod, les caractères de format sont inspirés de [PHP : date][6]. Pour une liste complète, veuillez consulter mon [README][7].

Ce mod dispose également d'une liste beaucoup plus longue de formats prédéfinis. Pour utiliser un format prédéfini, 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\WWW' (année)
    • isoYearWeek2' == 'Y-\WWW' (Année 2)
    • Jour de l'année " = " Y\\WWj ".
    • 'isoYearWeekDay2' = 'Y-\\WW-j' (année 2)
    • mySQL' == 'Y-m-d h:i:s' (en anglais)
    • postgreSQL' == 'Y.z' (année)
    • postgreSQL2 == 'Yz
    • 'soap' == 'Y-m-d\TH:i:s.u' (en anglais)
    • 'soap2' == 'Y-m-d\\\TH:i:s.uP' (en anglais)
    • unixTimestamp' == "@U
    • 'xmlrpc' == 'Ymd\TG:i:s' (en anglais)
    • xmlrpcCompact' == 'Ymd\\TGis
    • 'wddx' == 'Y-n-j\TG:i:s' (en anglais)
  • constantes
    • AMERICAN" == "F j Y
    • AMERICANSHORT' == "m/d/Y" (en anglais)
    • AMERICANSHORTWTIME' == 'm/j/Y h:i:sA' (en anglais)
    • ATOM' == 'Y-m-d\\TH:i:sP' (en anglais)
    • COOKIE' == 'l d-M-Y H:i:s T' (en anglais)
    • EUROPEENNE' == 'j F Y
    • EUROPEANSHORT' == "d.m.Y" (anglais)
    • EUROPEANSHORTWTIME' == 'd.m.Y H:i:s' (en anglais)
    • ISO8601' == 'Y-m-d\\TH:i:sO' (anglais)
    • LEGAL' == 'j F Y
    • RFC822' == "D d M y H:i:s O
    • 'RFC850' == 'l d-M-y H:i:s T' (en anglais)
    • 'RFC1036' == "D d M y H:i:s O" (en anglais)
    • 'RFC1123' == "D d M Y H:i:s O" (en anglais)
    • 'RFC2822' == "D d M Y H:i:s O" (en anglais)
    • 'RFC3339' == 'Y-m-d\\TH:i:sP' (en anglais)
    • 'RSS' == 'D d M Y H:i:s O' (en anglais)
    • 'W3C' == 'Y-m-d\TH:i:sP' (anglais seulement)
  • 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' (en anglais)
    • 'pretty-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.


[1] : https://github.com/JDMcKinstry/JavaScriptDateFormat [2] : http://jsfiddle.net/SpYk3/rYzAY/ [3] : http://jsfiddle.net/SpYk3/smdz6d43/ [4] : http://jsfiddle.net/SpYk3/tcqpw5d7/ [5] : https://github.com/JDMcKinstry/jQuery-Date [6] : http://php.net/manual/en/function.date.php [7] : https://github.com/JDMcKinstry/JavaScriptDateFormat/blob/master/README.md

Commentaires (6)

Essayez ça :

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

Le résultat sera le suivant

15/2/2012
Commentaires (1)