MomentJS - Ajouter

Cette méthode vous permet d'ajouter des jours, des heures, des années, des heures, des secondes, etc., sur l'objet moment.

Syntaxe

moment().add(Number, String);
moment().add(Object);
moment().add(Duration);

En utilisant la méthode add, nous pouvons ajouter un nombre, des heures, des jours, etc.

Le tableau suivant montre les listes de touches / raccourcis que vous pouvez utiliser avec la méthode add.

Clé Sténographie
ans y
quarts Q
mois M
semaines w
journées
heures h
minutes m
secondes s
millisecondes SP

Vous pouvez utiliser une clé ou une unité abrégée dans la méthode add comme suit -

Exemple

moment.add(5, 'days'); or moment.add(5, 'd');

Voyons un exemple de travail qui montre comment ajouter des jours à la date actuelle en utilisant la méthode add.

Exemple

<html>
   <head>
      <title>MomentJS - ADD Method</title>
      <scrip type="text/JavaScript" src="https://MomentJS.com/downloads/moment.js"></script>
      <style>
         div { border: solid 1px #ccc;
            padding:10px;
            font-family: "Segoe UI",Arial,sans-serif;
            width: 75%;
         }
      </style>
   </head>
   <body>
      <h1>MomentJS - Add Method</h1>
      <div style="font-size:25px" id="currentdate"></div>
      <br/>
      <br/>
      <div style="font-size:25px" id="changeddate"></div>
      <script type="text/JavaScript">
         var day = moment(); //outputs current date.
         document.getElementById("currentdate").innerHTML = "Current Date: " + day._d;
         var changeddate = moment().add(5, 'days'); // adding 5 days to current date.
         document.getElementById("changeddate").innerHTML = "Output after adding 5 days: " + changeddate._d;
      </script>
   </body>
</html>

Production

Notez que le code ci-dessus affiche la date actuelle et la date après y avoir ajouté 5 jours.

Vous pouvez également utiliser le key avec la méthode add comme suit -

var changeddate = moment().add(5, 'days'); // adding 5 days to current date.

Exemple

Voyons un exemple qui ajoute 5 heures à la date donnée -

var changeddate = moment([2017, 2, 31]).add(5, 'hours');

Production

S'il y a plusieurs ajouts à faire à la date, vous pouvez le faire en utilisant le chaînage de méthode add ou en utilisant un littéral objet.

Ajouter une méthode à l'aide du chaînage

Considérez que vous souhaitez ajouter des jours et des mois à la date actuelle. Cela peut être fait en utilisant le chaînage de méthodes comme indiqué dans l'exemple ci-dessous -

Exemple

var changeddate = moment().add(5, 'days').add(2, 'months');.

Production

Pour ajouter des jours et des mois à la date actuelle, nous pouvons utiliser le chaînage de méthodes comme suit -

var changeddate = moment().add(5, 'days').add(2, 'months');.

Nous pouvons également utiliser la clé comme indiqué dans le code ci-dessous -

var changeddate = moment().add(5, 'd').add(2, 'M');

Ajouter une méthode à l'aide d'un objet

En utilisant cette technique, vous pouvez utiliser un objet littéral pour ajouter plusieurs clés à la date actuelle.

Exemple

var changeddate = moment().add({ days: 5, months: 2 });

Production

La méthode objet est utilisée comme suit -

var changeddate = moment().add({ days: 5, months: 2 });

Vous pouvez également utiliser des clés dans le formulaire objet comme suit -

var changeddate = moment().add({ d: 5, M: 2 });

Dans le cas où nous devons ajouter des jours ou des mois à une date donnée, la même chose peut être faite comme indiqué ci-dessous -

Exemple

var changeddate = moment([2014, 10, 10]).add({ d: 5, M: 2 });

Production

Nous avons ajouté 5 jours et 2 mois à la date 10/10/2014 qui donne la sortie au 15/01/2015.

Ajout de la durée pour ajouter une méthode

Nous pouvons également utiliser la méthode de la durée pour ajouter des jours, des mois, des années, du temps, etc. à une date donnée.

Observez l'exemple suivant qui montre comment ajouter 5 semaines à une date donnée en utilisant la durée -

Exemple

var duration = moment.duration({ 'weeks': 5 });
var changeddate = moment([2012, 0, 31]).add(duration);

Notez que nous avons ajouté 5 semaines au 31/01/2012 et que la sortie est donc la suivante -

Production

Cas spéciaux pendant des mois et des années

Dans le cas où nous essayons d'ajouter des mois à la date dont les jours sont supérieurs aux mois ajoutés, cela prendra le dernier jour du mois qui est ajouté à la date.

Exemple

var changeddate = moment([2017, 0, 31]).add(1, 'months');

Dans l'exemple ci-dessus, nous ajoutons un mois au 31/01/2017, maintenant que février a 28 jours, il prend le dernier jour de février et affiche la date comme indiqué ci-dessous -

Production