MomentJS - Agregar
Este método le permite agregar días, horas, años, horas, segundos, etc., en el objeto de momento.
Sintaxis
moment().add(Number, String);
moment().add(Object);
moment().add(Duration);
Usando el método de adición podemos agregar número, horas, días, etc.
La siguiente tabla muestra las listas de claves / taquigrafía que puede utilizar con el método add.
Llave | Taquigrafía |
---|---|
años | y |
cuarteles | Q |
meses | METRO |
semanas | w |
dias | re |
horas | h |
minutos | metro |
segundos | s |
milisegundos | em |
Puede hacer uso de la unidad clave o taquigráfica dentro del método de adición de la siguiente manera:
Ejemplo
moment.add(5, 'days'); or moment.add(5, 'd');
Veamos un ejemplo de trabajo que muestra cómo agregar días a la fecha actual usando el método agregar.
Ejemplo
<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>
Salida
Tenga en cuenta que el código anterior muestra la fecha actual y la fecha después de agregarle 5 días.
También puede utilizar el key con el método de adición de la siguiente manera:
var changeddate = moment().add(5, 'days'); // adding 5 days to current date.
Ejemplo
Veamos un ejemplo que agrega 5 horas a la fecha dada:
var changeddate = moment([2017, 2, 31]).add(5, 'hours');
Salida
Si hay varias adiciones por hacer a la fecha, puede hacerlo usando el método de adición de encadenamiento o usando literal de objeto.
Agregar método usando encadenamiento
Considere que desea agregar días y meses a la fecha actual. Se puede hacer usando el método de encadenamiento como se muestra en el siguiente ejemplo:
Ejemplo
var changeddate = moment().add(5, 'days').add(2, 'months');.
Salida
Para agregar días y meses a la fecha actual, podemos usar el método de encadenamiento de la siguiente manera:
var changeddate = moment().add(5, 'days').add(2, 'months');.
También podemos usar la clave como se muestra en el código que se proporciona a continuación:
var changeddate = moment().add(5, 'd').add(2, 'M');
Agregar método usando objeto
Con esta técnica, puede usar literal de objeto para agregar varias claves a la fecha actual.
Ejemplo
var changeddate = moment().add({ days: 5, months: 2 });
Salida
El método del objeto se utiliza de la siguiente manera:
var changeddate = moment().add({ days: 5, months: 2 });
También puede usar claves en el formulario de objeto de la siguiente manera:
var changeddate = moment().add({ d: 5, M: 2 });
En caso de que necesitemos agregar días o meses a una fecha determinada, se puede hacer lo mismo como se muestra a continuación:
Ejemplo
var changeddate = moment([2014, 10, 10]).add({ d: 5, M: 2 });
Salida
Hemos agregado 5 días y 2 meses a la fecha 10/10/2014, lo que da como resultado el 15/01/2015.
Agregar duración para agregar método
También podemos usar el método de duración para agregar días, meses, años, tiempo, etc. a una fecha determinada.
Observe el siguiente ejemplo que muestra cómo agregar 5 semanas a una fecha determinada usando la duración:
Ejemplo
var duration = moment.duration({ 'weeks': 5 });
var changeddate = moment([2012, 0, 31]).add(duration);
Tenga en cuenta que hemos agregado 5 semanas al 31/01/2012 y, por lo tanto, el resultado es el siguiente:
Salida
Casos especiales para meses y años
En caso de que intentemos agregar meses a la fecha cuyos días sean mayores que los meses agregados, tomará el último día del mes que se agrega a la fecha.
Ejemplo
var changeddate = moment([2017, 0, 31]).add(1, 'months');
En el ejemplo anterior, estamos agregando un mes al 31/01/2017, ahora que febrero tiene 28 días, toma el último día de febrero y muestra la fecha como se muestra a continuación: