• 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:

     TokenOutput
    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

    1
    Lundi 24 Octobre 2022 à 10:59

    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 placer les codes de ce qu'on veut afficher

     

    2
    Lundi 24 Octobre 2022 à 20:02

    Salut Pipiou, 

    Tu places dans le code une balise avec une id (ici add8).

    <span id="add8">&nbsp;</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

    3
    Mardi 25 Octobre 2022 à 09:07

    "et c'est tout !he   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  cool 

    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter