-
Moment.js
Moment.js est la librairie qu'il faut avoir pour manipuler des dates et/ou des heures. Voyez tout de suite un exemple:
Aujourd'hui nous sommes le:
C'est le ème jour de l'année
Nous sommes un
Il reste jours jusque Noel soit heures
Ce sera le
Cette bibliothèque permet toutes les manipulations possibles sur les dates.
1. Installation
Téléchargez le code javascript ici: http://momentjs.com/downloads/moment-with-locales.js
Enregistrez le sous le nom moment-with-locales.js puis placez le parmi les fichiers de votre blog.
Créez un module simple html puis placez y le code suivant en veillant à remplacer l'url par celle de votre fichier:
<script src="http://ekladata.com/pcsyQ3tk8KLClKiT8Hit03-VGFg/moment-with-locales.js"></script>
2. Exemples d'utilisation
Vous pouvez retrouver toutes les fonctions sur le site officiel (en anglais): http://momentjs.com/docs/
Ci-dessous quelques exemples des possibilités:
Afficher la date en français
moment.locale('fr'); moment().format( ' Do MMMM YYYY');
Connaître le jour de l'année, la semaine ou le mois
moment().dayOfYear(); moment().week(); moment.month();
Le jour de la semaine
moment().format( 'dddd');
Ajouter 7 jours moment().add(7, 'days');
Retrancher 27 jours moment().subtract(27, 'days')
Je ne vais pas énumérer tout ce qu'il est possible de faire mais sachez que cette bibliothèque est extrêmement complète et permet aussi de gérer les Timestamp
Formatage:
Token Output Mois M 1 2 ... 11 12 Mo 1st 2nd ... 11th 12th MM 01 02 ... 11 12 MMM Jan Feb ... Nov Dec MMMM January February ... November December Trimestre Q 1 2 3 4 Jour du mois D 1 2 ... 30 31 Do 1st 2nd ... 30th 31st DD 01 02 ... 30 31 Jour de l'année DDD 1 2 ... 364 365 DDDo 1st 2nd ... 364th 365th DDDD 001 002 ... 364 365 Jour de la semaine d 0 1 ... 5 6 do 0th 1st ... 5th 6th dd Su Mo ... Fr Sa ddd Sun Mon ... Fri Sat dddd Sunday Monday ... Friday Saturday Jour de la semaine(Locale) e 0 1 ... 5 6 Jour de la semaine (ISO) E 1 2 ... 6 7 Semaine de l'année w 1 2 ... 52 53 wo 1st 2nd ... 52nd 53rd ww 01 02 ... 52 53 Semaine de l'année (ISO) W 1 2 ... 52 53 Wo 1st 2nd ... 52nd 53rd WW 01 02 ... 52 53 Année YY 70 71 ... 29 30 YYYY 1970 1971 ... 2029 2030 AM/PM A AM PM a am pm Heure H 0 1 ... 22 23 HH 00 01 ... 22 23 h 1 2 ... 11 12 hh 01 02 ... 11 12 Minute m 0 1 ... 58 59 mm 00 01 ... 58 59 Seconde s 0 1 ... 58 59 ss 00 01 ... 58 59 Timestamp X 1360013296
-
Commentaires
Salut Pipiou,
Tu places dans le code une balise avec une id (ici add8).
<span id="add8"> </span>
Ensuite à la fin du code tu écris cette fonction:
<script>// <![CDATA[
onJSFilesLoaded.push(function(){
moment.locale('fr');
$('add8').set('text',moment().subtract(27, 'days').format("dddd Do MMMM YYYY"));
})
// ]]></script>
et c'est tout !
Bons essais
"et c'est tout !" j'ai bien fait de te demander !
Essai 1 : marche pas, essai 2 : marche pas, j'essaye autrement : marche pas, je relis et je refais la manip pour la 4e fois et... bon sang mais c'est bien sûr !! "Enregistrer" ne suffit pas > il faut rafraichir la page et hop ça s'affiche bien dans le module, merci F5 !
Et merci Papasti évidemment
Vous devez être connecté pour commenter
Bonjour et merci : c'est surprenant !
J'ai testé par curiosité : installation OK.
Mais je sèche pour "afficher" comme tu dis dans le 2. Exemples d'utilisation :
j'ai lu survolé les différentes docs (thank you) mais je n'ai pas compris où placer les codes de ce qu'on veut afficher ?