MomentJS - Aggiungi
Questo metodo consente di aggiungere giorni, ora, anni, ore, secondi ecc. Sull'oggetto momento.
Sintassi
moment().add(Number, String);
moment().add(Object);
moment().add(Duration);Usando il metodo add possiamo aggiungere numero, ore, giorni ecc.
La tabella seguente mostra gli elenchi di chiavi / abbreviazioni che è possibile utilizzare con il metodo add.
| Chiave | Abbreviazione |
|---|---|
| anni | y |
| quarti | Q |
| mesi | M |
| settimane | w |
| giorni | d |
| ore | h |
| minuti | m |
| secondi | S |
| millisecondi | SM |
È possibile utilizzare l'unità chiave o abbreviazione all'interno del metodo di aggiunta come segue:
Esempio
moment.add(5, 'days'); or moment.add(5, 'd');Vediamo un esempio funzionante che mostra come aggiungere giorni alla data corrente utilizzando il metodo add.
Esempio
<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>Produzione
Si noti che il codice sopra mostra la data corrente e la data dopo l'aggiunta di 5 giorni.
Puoi anche usare il file key con il metodo add come segue -
var changeddate = moment().add(5, 'days'); // adding 5 days to current date.Esempio
Vediamo un esempio che aggiunge 5 ore alla data specificata -
var changeddate = moment([2017, 2, 31]).add(5, 'hours');Produzione
Se ci sono più aggiunte da fare alla data, puoi farlo usando add method chaining o usando object literal.
Aggiungi metodo utilizzando il concatenamento
Considera di voler aggiungere giorni e mesi alla data corrente. Può essere eseguito utilizzando il concatenamento di metodi come mostrato nell'esempio seguente:
Esempio
var changeddate = moment().add(5, 'days').add(2, 'months');.Produzione
Per aggiungere giorni e mesi alla data corrente, possiamo utilizzare il concatenamento dei metodi come segue:
var changeddate = moment().add(5, 'days').add(2, 'months');.Possiamo anche usare la chiave come mostrato nel codice riportato di seguito -
var changeddate = moment().add(5, 'd').add(2, 'M');Aggiungi metodo utilizzando Object
Utilizzando questa tecnica, puoi utilizzare il valore letterale oggetto per aggiungere più chiavi alla data corrente.
Esempio
var changeddate = moment().add({ days: 5, months: 2 });Produzione
Il metodo oggetto viene utilizzato come segue:
var changeddate = moment().add({ days: 5, months: 2 });È inoltre possibile utilizzare i tasti nel modulo oggetto come segue:
var changeddate = moment().add({ d: 5, M: 2 });Nel caso in cui dovessimo aggiungere giorni o mesi a una determinata data, lo stesso può essere fatto come mostrato di seguito -
Esempio
var changeddate = moment([2014, 10, 10]).add({ d: 5, M: 2 });Produzione
Abbiamo aggiunto 5 giorni e 2 mesi alla data 10/10/2014 che dà come output il 15/01/2015.
Aggiunta della durata al metodo di aggiunta
Possiamo anche utilizzare il metodo della durata per aggiungere giorni, mesi, anni, ora ecc. A una determinata data.
Osserva il seguente esempio che mostra come aggiungere 5 settimane a una determinata data utilizzando la durata:
Esempio
var duration = moment.duration({ 'weeks': 5 });
var changeddate = moment([2012, 0, 31]).add(duration);Nota che abbiamo aggiunto 5 settimane al 31/01/2012 e quindi l'output è il seguente:
Produzione
Casi speciali per mesi e anni
Nel caso in cui stiamo cercando di aggiungere mesi alla data i cui giorni sono maggiori dei mesi aggiunti, ci vorrà l'ultimo giorno del mese che viene aggiunto alla data.
Esempio
var changeddate = moment([2017, 0, 31]).add(1, 'months');Nell'esempio sopra, stiamo aggiungendo un mese al 31/01/2017, ora poiché febbraio ha 28 giorni ci vuole l'ultimo giorno di febbraio e visualizza la data come mostrato di seguito -
Produzione
