Comment puis-je obtenir la date du jour dans le JavaScript?

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

JS:

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 va vous donner la date du jour au format mm/jj/aaaa.

Simplement changer today = mm +'/'+ dd +'/'+ yyyy; à n'importe quel format que vous souhaitez.

Mis à JOUR!, Faites Défiler Vers Le Bas

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

JS:

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;

HTML:

<h1></h1>

UBBER mise à JOUR Après beaucoup de tergiversations, j'ai finalement GitHubbed et l'a mise à jour avec la dernière solution que j'ai été en utilisant moi-même. Il avait même quelques dernières minutes de modifications pour le rendre plus doux! Si vous êtes à la recherche pour le vieux jsFiddle, veuillez voir cette.

Cette mise à jour vient de 2 saveurs, encore relativement faible, mais pas aussi petit que mon ci-dessus, réponse originale à cette question. Si vous voulez extrêmement petits, aller avec qui.
À Noter également: C'est encore moins gonflé que moment.js. Alors que moment.js c'est sympa, de l'omi, il a aussi beaucoup de laïques méthodes, qui requiert l'apprentissage de moment comme si c'était une langue. Le mien ici utilise le même format que PHP: date.

Liens Rapides

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

Saveur 1 new Date().format(String)
Mon Fav. Je sais que le tabou, mais fonctionne très bien sur l'Objet Date. Juste être conscient de tous les autres mods que vous pouvez avoir à la Date de l'Objet.

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

Saveur 2 dateFormat(Date, String)
Plus traditionnel, tout-en-un de la méthode. A tous la capacité de la précédente, mais est appelée par la méthode avec un paramètre Date.

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

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

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

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

• 'composé'
  • 'commonLogFormat' == 'd/M/Y:G:i:s'
  • 'exif' == 'O: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'
  • 'savon' == 'Y-m-d\ \ \TH:i:s.u'
  • 'soap2' == 'Y-m-d\ \ \TH:i:s.jusqu''
  • 'unixTimestamp' == '@U'
  • 'xmlrpc' == 'Ymd\\TG:i:s'
  • 'xmlrpcCompact' == 'Ymd\\tGis"
  • 'wddx' == 'O-n-j\\TG:i:s'
• constantes
  • 'AMÉRICAIN' == 'F j Y'
  • 'AMERICANSHORT' == 'm/d/Y'
  • 'AMERICANSHORTWTIME' == 'm/d/Y h:i:sA'
  • 'ATOM' == 'Y-m-d\ \ \TH:j':sP'
  • 'COOKIE' == 'l d-Mes 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:j':si"
  • 'JURIDIQUE' == 'j F Y'
  • 'RFC822' == 'D D M y H:i:s'
  • 'RFC850' == 'l d-Mes H:i:s T'
  • 'RFC1036' == 'D D M y H:i:s'
  • 'RFC1123' == 'D D M Y H:i:s'
  • 'RFC2822' == 'D D M Y H:i:s'
  • 'RFC3339' == 'Y-m-d\ \ \TH:j':sP'
  • 'RSS' == 'D D M Y H:i:s'
  • 'W3C' == 'Y-m-d\ \ \TH:j':sP'
• "joli"
  • "assez-a' == 'g:i.sA l jS \\o\\f F Y'
  • "joli-b' == 'g:iA l jS \\o\\f F Y'
  • "joli-c' == 'n/d/Y g:iA'
  • 'à-peu-près d' == 'n/d/Y'
  • "joli-e' == 'F jS - g:ia'
  • "joli-f' == 'g:iA'

Comme vous pouvez le remarquer, vous pouvez utiliser la double \ pour échapper à un personnage.

---

Si vous voulez juste un jour sans info, utilisation:

JS:

var today = new Date();
today.setHours(0, 0, 0, 0);
document.write(today);

Si vous êtes à la recherche pour beaucoup plus d'un contrôle granulaire sur les formats de date, j'ai vraiment vous recommandons de vérifier momentjs. Formidable bibliothèque - et seulement de 5 ko.
http://momentjs.com/

JS:

var d = (new Date()).toString().split(' ').splice(1,3).join(' ');
document.write(d)

De le décomposer en étapes:

1. (new Date()).toString() donne "Ven 28 Juin 2013 à 15:30:18 GMT-0700 (PDT)"

2. (new Date()).toString().split(' ') divise au-dessus de la chaîne sur chaque espace, et retourne un tableau comme suit: ["Ven", "Jun", "28", "2013", "15:31:14", "GMT-0700", "(PDT)"]

3. (new Date()).toString().split(' ').splice(1,3).join(' ') prend la deuxième, troisième et quatrième valeurs du tableau ci-dessus, se joint à eux avec des espaces, et retourne une chaîne de caractères "le 28 Juin 2013"

var date = new Date().toLocaleDateString("en-US");

Aussi, vous pouvez appeler la méthode toLocaleDateString avec deux paramètres:

var date = new Date().toLocaleDateString("en-US", {
"year": "numeric",
"month": "numeric"
});

Article sur MSDN. Plus sur cette méthode sur MDN.

Si vous êtes heureux avec AAAA-MM-JJ, cela va faire le travail aussi bien.

new Date().toISOString().split('T')[0]

2018-03-10

Vous pouvez obtenir la date actuelle appeler la méthode statique maintenant comme ceci:

var now = Date.now()

référence:

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/now

La Réponse la plus courte est: new Date().toJSON().slice(0,10)

Si vous voulez une simple DD/MM/YYYY format, j'ai juste de venir avec cette solution simple, même si elle n'a pas de préfixe manque de zéros.

JS:

var d = new Date();
document.write( [d.getDate(), d.getMonth()+1, d.getFullYear()].join('/') );

new Date().toISOString().slice(0,10); 

serait trop de travail

LA DERNIÈRE MODIFICATION: 8/23/19
Le date-pnr bibliothèque fonctionne comme moment.js mais a une plus petite empreinte. Il vous permet de cerise choisir les fonctions que vous souhaitez inclure dans votre projet de sorte que vous n'avez pas à compiler l'ensemble de la bibliothèque pour formater la date d'aujourd'hui. Si un minimum de 3ème partie de la lib n'est pas une option pour votre projet, j'approuve la solution retenue par Samuel Meddows haut.

La préservation de l'histoire ci-dessous parce qu'il a aidé quelques personnes. Mais pour le disque, c'est assez hacky et est passible d'une pause sans avertissement, comme le sont la plupart des solutions sur ce post

MODIFIER 2/7/2017
Une ligne de JS solution:

tl;dr

var todaysDate = new Date(Date.now()).toLocaleString().slice(0,3).match(/[0-9]/i) ? new Date(Date.now()).toLocaleString().split(' ')[0].split(',')[0] : new Date(Date.now()).toLocaleString().split(' ')[1] + " " + new Date(Date.now()).toLocaleString().split(' ')[2] + " " + new Date(Date.now()).toLocaleString().split(' ')[3];

bord, ff plus tard, & chrome retour todaysDate = "2/7/2017"
"œuvres"* dans IE10+

Explication

J'ai trouvé que IE10 et IE Bord de faire les choses un peu différemment.. allez comprendre.
avec new Date(Date.now()).toLocaleString() comme entrée,

IE10 retourne:

"Tuesday, February 07, 2017 2:58:25 PM"

Je pourrais écrire une grande fonction et FTFY. Mais vous devriez vraiment utiliser moment.js pour ce genre de choses. Mon script simplement nettoie cette et vous donne la élargi traditionnels NOUS notation: > todaysDate = "March 06, 2017"

IE BORD retourne:

"‎2‎/‎7‎/‎2017‎ ‎2‎:‎59‎:‎27‎ ‎PM"

Bien sûr, il ne pouvait pas être si facile. Bord de la date de chaîne invisible "•" les caractères entre chaque visible. Ainsi, non seulement nous allons maintenant vérifier si le premier caractère est un nombre, mais les 3 premiers caractères, puisqu'il s'avère que n'importe quel caractère unique dans l'ensemble de la plage de dates sera finalement un point ou une barre oblique à un certain point. Afin de garder les choses simples, juste .slice() les trois premiers caractères (minuscules tampon contre les futures manigances) et ensuite vérifier les chiffres. Il devrait probablement être noté que ces invisibles points pourraient éventuellement persister dans votre code. J'avais peut-être creuser que si vous avez des plans plus importants que juste l'impression de cette chaîne à votre vue.

∴ mise à jour one-liner:

var todaysDate = new Date(Date.now()).toLocaleString().slice(0,3).match(/[0-9]/i) ? new Date(Date.now()).toLocaleString().split(' ')[0].split(',')[0] : new Date(Date.now()).toLocaleString().split(' ')[1] + " " + new Date(Date.now()).toLocaleString().split(' ')[2] + " " + new Date(Date.now()).toLocaleString().split(' ')[3];

Qui aspire à lire. Que diriez-vous:

var dateString = new Date(Date.now()).toLocaleString();
var todaysDate = dateString.slice(0,3).match(/[0-9]/i) ? dateString.split(' ')[0].split(',')[0] : dateString.split(' ')[1] + " " + dateString.split(' ')[2] + " " + dateString.split(' ')[3];

RÉPONSE ORIGINALE À CETTE QUESTION

J'ai un one-liner pour vous:

new Date(Date.now()).toLocaleString().split(', ')[0];

et [1] vous donnera l'heure de la journée.

Vous pouvez télécharger ce

var today = new Date();
today = parseInt(today.getMonth()+1)+'/'+today.getDate()+'/'+today.getFullYear()+"\nTime : "+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds();
document.write(today);

Et consultez la documentation du constructeur Date ().
lien

Cela peut vous aider à

var date = new Date();
console.log(date.getDate()+'/'+(date.getMonth()+1)+'/'+date.getFullYear());

Ce sera d'impression actuel date en jj/MM/aaaa

var dateTimeToday = new Date();
var dateToday = new Date(
dateTimeToday.getFullYear(), 
(dateTimeToday.getMonth() + 1) /*Jan = 0! */, 
dateTimeToday.getDate(), 
0, 
0, 
0, 
0);

Je ne sais pas si cela peut aider quelqu'un, mais je suis en utilisant ce faire aujourd'hui l'objet Date.

new Date( 3600000*Math.floor(Date.now()/3600000) )

2.39 KO minimisé. Un fichier. https://github.com/rhroyston/clock-js

Juste essayer d'aider...

Si vous cherchez à formater dans une chaîne de caractères.

statusUpdate = "time " + new Date(Date.now()).toLocaleTimeString();

sortie de "11:30:53 AM"

C'est ma préférée, car elle est à la fois flexible et modulaire. C'est une collection de (au moins) trois fonctions simples:

/**
* Returns an array with date /time information
* Starts with year at index 0 up to index 6 for milliseconds
* 
* @param {Date} date   date object. If falsy, will take current time.
* @returns {[]}
*/
getDateArray = function(date) {
date = date || new Date();
return [
date.getFullYear(),
exports.pad(date.getMonth()+1, 2),
exports.pad(date.getDate(), 2),
exports.pad(date.getHours(), 2),
exports.pad(date.getMinutes(), 2),
exports.pad(date.getSeconds(), 2),
exports.pad(date.getMilliseconds(), 2)
];
};

Voici la fonction pad:

 /**
* Pad a number with n digits
*
* @param {number} number   number to pad
* @param {number} digits   number of total digits
* @returns {string}
*/
exports.pad = function pad(number, digits) {
return new Array(Math.max(digits - String(number).length + 1, 0)).join(0) + number;
};

Enfin, je peux construire ma date de chaîne à la main, ou utiliser une des fonctions simples de le faire pour moi:

/**
* Returns nicely formatted date-time
* @example 2015-02-10 16:01:12
*
* @param {object} date
* @returns {string}
*/
exports.niceDate = function(date) {
var d = exports.getDateArray(date);
return d[0] + '-' + d[1] + '-' + d[2] + ' ' + d[3] + ':' + d[4] + ':' + d[5];
};
/**
* Returns a formatted date-time, optimized for machines
* @example 2015-02-10_16-00-08
*
* @param {object} date
* @returns {string}
*/
exports.roboDate = function(date) {
var d = exports.getDateArray(date);
return d[0] + '-' + d[1] + '-' + d[2] + '_' + d[3] + '-' + d[4] + '-' + d[5];
};

Cela peut vous aider à

let d = new Date();                      
this.dateField = element(by.xpath('xpath here'));
this.datetField.sendKeys((d.getMonth() + 1) + '/' + d.getDate() + '/' + d.getFullYear());

Cette réponse est pour les gens qui cherchent une date avec la norme ISO-8601 comme format et avec le fuseau horaire.
C'est de la pure JS pour ceux qui ne veulent pas comprendre toute date de bibliothèque.

      var date = new Date();
var timeZone = date.toString();
//Get timezone ( 'GMT+0200' )
var timeZoneIndex = timeZone.indexOf('GMT');
//Cut optional string after timezone ( '(heure de Paris)' )
var optionalTimeZoneIndex = timeZone.indexOf('(');
if(optionalTimeZoneIndex != -1){
timeZone = timeZone.substring(timeZoneIndex, optionalTimeZoneIndex);
}
else{
timeZone = timeZone.substring(timeZoneIndex);
}
//Get date with JSON format ( '2019-01-23T16:28:27.000Z' )
var formattedDate = new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toJSON();
//Cut ms
formattedDate = formattedDate.substring(0,formattedDate.indexOf('.'));
//Add timezone
formattedDate = formattedDate + ' ' + timeZone;
console.log(formattedDate);

Imprimer quelque chose comme ceci dans la console :

2019-01-23T17:12:52 GMT+0100

JSFiddle : https://jsfiddle.net/n9mszhjc/4/

Pour obtenir exactement la date, alors il est construit en javascript:

new Date();

Si vous êtes à la recherche pour le formatage de la date et vous êtes de toute façon à l'aide de la Kendo JQuery UI bibliothèque pour votre site, alors je vous suggérons d'utiliser le construit en kendo fonction:

kendo.toString(new Date(), "yyMMdd"); //or any other typical date format

Pour une liste complète des formats pris en charge voir ici

Vous pouvez utiliser ma DATE de l'API étant donné ci-dessous pour une utilisation quotidienne de formatage de la date avec l'obtention de la date actuelle, hier, etc.
Comment utiliser
par exemple,

 var dt = new Date();  
///ANY DATE YOU WANT --  dt = new Date(""July 21, 1983 01:15:00"")
dateObj = dt.getFormattedDate();
alert( dateObj.isToday() );
alert( dateObj.todayDay() );
alert( dateObj.monthNameDayYear() );

---

(function () {
fnDateProcessor = function () {
var that = this;
return {
yyyymmdd: function (separator) {
var fdate = this.formatDate(true, true) ,
separator = separator ? separator : "-";
return fdate.year + separator + fdate.month + separator + fdate.day;
},
monthNameDayYear: function () {
var fdate = this.formatDate(true, true);
return fdate.monthName + " " + fdate.day + ", " + fdate.year;
},
ddmmyyyy: function (separator) {
var fdate = this.formatDate(true, true) ,
separator = separator ? separator : "/";
return fdate.day + separator + fdate.month + separator + fdate.year;
},
meridianTime: function () {
var fdate = this.formatDate();
return fdate.hour + ":" + fdate.minute + " " + fdate.meridian;
},
monthDay: function (separator) {
var fdate = this.formatDate();
separator = checkSeparator(separator);
return fdate.monthName.substring(0, 3) + separator + fdate.day;
},
weekMonthDayYear: function () {
var fdate = this.formatDate();
//separator = checkSeparator(separator);
return fdate.weekDay + " " + fdate.monthName.substring(0, 3) +
fdate.day + " ," + fdate.year;
},
timeZoneInclusive: function () {
return new Date(that);
},
todayDay: function () { return new Date().getDate(); },
todayMonth: function () { return new Date().getMonth() + 1; },
dateDay: function () { return this.formatDate().day; },
dateMonth: function () { return this.formatDate().month; },
isToday: function () { return this.sameDate(new Date()); },
isYesterday: function () {
d = new Date(); d.setDate(d.getDate() - 1);
return this.sameDate(d);
},
formatDate: function () {
var zeroPaddedMnth = true, zeroPaddedDay = false,
zeroPaddedHr = false, zeroPaddedMin = true;
//Possible to take Options arg that overide /merge to defaults
var monthNames = [
"January", "February", "March",
"April", "May", "June", "July",
"August", "September", "October",
"November", "December"
];
var weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var day = getFormattedDay(that.getDate(), zeroPaddedDay);
var monthIndex = that.getMonth();
var month = getFormattedMonth(monthIndex + 1, zeroPaddedMnth);
var year = that.getFullYear();
var wkDay = that.getDay();
var hour = getFormattedHour(that.getHours(), zeroPaddedHr);
var minute = getFormattedMinute(that.getMinutes(), zeroPaddedMin);
var meridian = getMeridian(that.getHours());
return {
"day": day, "monthName": monthNames[monthIndex], "month": month,
"weekDay": weekDays[wkDay], "year": year, "hour": hour, "minute": minute,
"meridian": meridian
};
},
compareDate: function (d2) {     ///validates if caller is less than argument                            
d2 = _isString(d2) ? new Date(d2) : d2;
return !this.sameDate(d2)
&& typeof d2 != "number"
? that < d2 : false;
},
sameDate: function (d) {
return that.getFullYear() === d.getFullYear()
&& that.getDate() === d.getDate()
&& that.getMonth() === d.getMonth();
},
dateAfter: function (separator) {
var fdate = this.formatDate();
var separator = separator ? separator : "-";
return fdate.year + separator + fdate.month + separator + (fdate.day + 1);
}
};
};
function _isString(obj) {
var toString = Object.prototype.toString;
return toString.call(obj) == '[object String]';
}
function checkSeparator(separator) {
//NOT GENERIC ... NEEDS REVISION
switch (separator) {
case " ": sep = separator; break;
case ",": sep = " ,"; break;
default:
sep = " "; break;
}
return sep;
}
function getFormattedHour(h, zeroPadded) {
h = h % 12;
h = h ? h : 12;    // 12 instead of 00
return zeroPadded ? addZero(h) : h;
}
function getFormattedMinute(m, zeroPadded) {
return zeroPadded ? addZero(m) : m;
}
function getFormattedDay(dd, zeroPadded) {
return zeroPadded ? addZero(dd) : dd;
}
function getFormattedMonth(mm, zeroPadded) {
return zeroPadded ? addZero(mm) : mm;
}
function getMeridian(hr) {
return hr >= 12 ? 'PM' : 'AM';
}
function addZero(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
Date.prototype.getFormattedDate = fnDateProcessor;
} ());

Avec la capacité de se rendre dans un format personnalisé et en utilisant le nom du mois dans des endroits différents:

const locale = 'en-us';
const d = new Date(date);
const day = d.getDate();
const month = d.toLocaleString(locale, { month: 'long' });
const year = d.getFullYear();
const time = d.toLocaleString(locale, { hour12: false, hour: 'numeric', minute: 'numeric'});
return `${month} ${day}, ${year} @ ${time}`; //May 5, 2019 @ 23:41

Si vous avez uniquement besoin de la représentation de chaîne, puis il suffit d'utiliser:

Date();