création de site internet

flus RSS du blogsur Facebooksur Twitter
créateur de mot de passe

Générateur de mot de passe

Créez un mot de passe sécurisé

15
10

Manipuler les dates avec javascript

dans Javascript jQuery

Quel calvaire que d'avoir à manipuler des dates en javascript ! Que ce soit pour afficher une date ou valider son format, il faut toujours passer par l'écriture fastidieuse de tout un tas de lignes de code.

Partant de ce constat, la bibliothèque javascript Moment.js vient simplifier l'utilisation des dates javascript, en proposant différentes méthodes qui synthétisent les principales opérations que l'on peut faire avec des dates.

On commence bien évidemment par intégrer Moment.js dans sa page

<script src="moment.min.js"></script>

Et à partir de là, tout un tas de fonctionnalités s'offrent à vous. Premièrement, il devient facile de créer et parser une date à partir de différents formats, notamment

var dt = moment(1350045033); // ... à partir d'un timestamp
var ds = moment("Oct 12, 2012"); // ... à partir d'une chaîne de caractères
var ds2 = moment("12-10-2012", "DD-MM-YYYY"); // ... à partir d'une chaîne de caractères et d'un format précis
var dj = moment(new Date(2012, 10, 12)); // ... à partir de l'object Date javascript
var da = moment(); // ... la date et l'heure actuelle

Ensuite, manipuler des dates, ajouter, retrancher des jours, des heures, ... devient un jeu d'enfant

var jplus7 = moment().add('days', 7); // ... on ajoute 7 jours à la date actuelle
var hmoins2 = moment().substract('hours', 2); // ... on retire 2 heures à l'heure actuelle
var en2010 = moment().year(2010); // ... on fixe l'année à 2010

Il est tout à fait possible de combiner ces méthodes

var d = moment.add('days', 7).substract('hours', 2).year(2010);

Et enfin, de nombreuses méthodes pour l'affichage des dates sont proposées

moment().format("DD/MM/YYYY HH:MM:SS"); // ... "12/10/2012 14:51:32"
moment("21-12-2012","DD-MM-YYYY").fromNow(); // ... compte à rebours avant la fin du monde : "in 70 days"
moment.lang('fr'); // ... affichera les dates en français

CQFD, une bibliothèque javascript utile voire même indispensable à utiliser absolument !

Plus d'informations : documentation et tÚlÚchargement

Partager :