Où puis-je trouver de la documentation sur le formatage d'une date en JavaScript ?

Question

J'ai remarqué que la fonction JavaScript new Date() est très intelligente car elle accepte les dates dans plusieurs formats.

Xmas95 = new Date("25 Dec, 1995 23:15:00")
Xmas95 = new Date("2009 06 12,12:52:39")
Xmas95 = new Date("20 09 2006,12:52:39")

Je n'ai trouvé nulle part de documentation montrant tous les formats de chaîne de caractères valides lors de l'appel de la fonction new Date() fonction.

Il s'agit de convertir une chaîne de caractères en date. Si nous regardons le côté opposé, c'est-à-dire la conversion d'un objet date en chaîne, jusqu'à présent j'avais l'impression que JavaScript n'avait pas d'API intégrée pour formater un objet date en chaîne.

Note de l'éditeur : L'approche suivante est la tentative de l'auteur de la demande qui a fonctionné sur un navigateur particulier, mais qui ne fonctionne pas no le travail en général ; voir les réponses sur cette page pour voir des solutions réelles.

Aujourd'hui, j'ai joué avec le toString() sur l'objet date et, étonnamment, elle sert à formater la date en chaînes de caractères.

var d1 = new Date();
d1.toString('yyyy-MM-dd');       //Returns "2009-06-29" in Internet Explorer, but not Firefox or Chrome
d1.toString('dddd, MMMM ,yyyy')  //Returns "Monday, June 29,2009" in Internet Explorer, but not Firefox or Chrome

Je n'ai pas non plus trouvé de documentation sur toutes les façons de formater l'objet date en une chaîne de caractères.

Où se trouve la documentation qui répertorie les spécificateurs de format pris en charge par le système de gestion de l'information ? Date() objet ?

Answer 1

J'aime 10 façons de formater l'heure et la date en utilisant JavaScript y Travailler avec des dates .

En gros, vous avez trois méthodes et vous devez combiner les ficelles pour vous-même :

getDate() // Returns the date
getMonth() // Returns the month
getFullYear() // Returns the year

Exemple :

var d = new Date();
var curr_date = d.getDate();
var curr_month = d.getMonth() + 1; //Months are zero based
var curr_year = d.getFullYear();
console.log(curr_date + "-" + curr_month + "-" + curr_year);

Answer 2

Moment.js

Il s'agit d'une bibliothèque de dates JavaScript (légère)* permettant d'analyser, de manipuler et de formater les dates.

var a = moment([2010, 1, 14, 15, 25, 50, 125]);
a.format("dddd, MMMM Do YYYY, h:mm:ss a"); // "Sunday, February 14th 2010, 3:25:50 pm"
a.format("ddd, hA");                       // "Sun, 3PM"

(*) léger signifie 9.3KB minifié + gzippé dans la plus petite configuration possible (feb 2014)

Answer 3

Si vous utilisez déjà jQuery UI dans votre projet, vous pouvez utiliser la méthode intégrée de datepicker pour formater votre objet date :

$.datepicker.formatDate('yy-mm-dd', new Date(2007, 1 - 1, 26));

Toutefois, le sélecteur de date ne permet de formater que les dates, et non les heures.

Jetez un coup d'œil à jQuery UI datepicker formatDate les exemples.

Answer 4

Fonction de mise en forme personnalisée :

Pour les formats fixes, une simple fonction fait l'affaire. L'exemple suivant génère le format international YYYY-MM-DD :

function dateToYMD(date) {
    var d = date.getDate();
    var m = date.getMonth() + 1;
    var y = date.getFullYear();
    return '' + y + '-' + (m<=9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d);
}

Remarque : il n'est toutefois pas conseillé d'étendre les bibliothèques standard Javascript (par exemple en ajoutant cette fonction au prototype de Date).

Une fonction plus avancée pourrait générer une sortie configurable en fonction d'un paramètre de format. Vous trouverez quelques bons exemples sur cette même page.

Si écrire une fonction de formatage est trop long, il existe de nombreuses bibliothèques qui le font. D'autres réponses les ont déjà énumérées. Mais l'augmentation des dépendances a aussi son pendant.

Fonctions de formatage ECMAScript standard :

Depuis les versions plus récentes de l'ECMAscript, l'option Date possède certaines fonctions de formatage spécifiques :

toDateString : Dépend de la mise en œuvre, ne montrer que la date.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.todatestring

new Date().toDateString(); // e.g. "Fri Nov 11 2016"

---

toISOString : Afficher la date et l'heure ISO 8601.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.toisostring

new Date().toISOString(); // e.g. "2016-11-21T08:00:00.000Z"

---

toJSON : Stringifier pour JSON.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tojson

new Date().toJSON(); // e.g. "2016-11-21T08:00:00.000Z"

---

toLocaleDateString : Selon l'implémentation, une date au format local.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tolocaledatestring

new Date().toLocaleDateString(); // e.g. "21/11/2016"

---

toLocaleString : Dépendant de l'implémentation, une date&heure au format local.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tolocalestring

new Date().toLocaleString(); // e.g. "21/11/2016, 08:00:00 AM"

---

toLocaleTimeString : Dépend de l'implémentation, une heure au format local.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tolocaletimestring

new Date().toLocaleTimeString(); // e.g. "08:00:00 AM"

---

toString : Generic toString for Date.

http://www.ecma-international.org/ecma-262/7.0/index.html#sec-date.prototype.tostring

new Date().toString(); // e.g. "Fri Nov 11 2016 08:00:00 GMT+0100 (W. Europe Standard Time)"

Remarque : il est possible de générer une sortie personnalisée à partir de ces fonctions de formatage :

new Date().toISOString().slice(0,10); // By @Image72, return YYYY-MM-DD

Answer 5

Où se trouve la documentation qui répertorie les spécificateurs de format pris en charge par l'outil de gestion de l'image ? Date() objet ?

Je suis tombé sur ce sujet aujourd'hui et j'ai été assez surpris que personne n'ait pris le temps de répondre à cette simple question. Il est vrai qu'il existe de nombreuses bibliothèques pour aider à la manipulation des dates. Certaines sont meilleures que d'autres. Mais ce n'était pas la question posée.

À ma connaissance, le JavaScript pur ne prend pas en charge les spécificateurs de format. de la manière dont vous avez indiqué vouloir les utiliser . Mais il prend en charge des méthodes de formatage des dates et/ou des heures, telles que .toLocaleDateString() , .toLocaleTimeString() y .toUTCString() .

El Date La référence d'objet que j'utilise le plus fréquemment se trouve sur le Site web de w3schools.com (mais une recherche rapide sur Google en révélera beaucoup d'autres qui pourraient mieux répondre à vos besoins).

Notez également que le Propriétés de l'objet Date La section fournit un lien vers prototype qui illustre certaines façons d'étendre l'objet Date avec des méthodes personnalisées. Il y a eu un certain débat Au fil des ans, la communauté JavaScript s'est interrogée sur le fait de savoir s'il s'agissait ou non d'une bonne pratique. Je ne plaide pas pour ou contre cette pratique, je me contente d'en souligner l'existence.