¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!


La mayoría de las veces el trabajo con fechas nos hace perder bastante tiempo, no es un trabajo sencillo, en este tutorial vamos a ver cómo Trabajar con fechas en Vuejs 2 y Vuex utilizando Moment.

Lo primero que debes instalar y configurar es Vuex y moment.

Una vez instalado, vamos a crear un módulo para manejar fechas con Vuex.

Simple, definimos start_date y end_date dentro del estado, un par de mutaciones para modificar estos datos y finalmente un getter para obtener la diferencia entre ambas fechas.

Para que nuestro módulo funcione recuerda crear la store y añadirla a tu app.

Para utilizar todo lo que hemos hecho dentro de un componente es muy simple, haciendo uso de computed, mapGetters y setters y getters podemos tenerlo todo controlado con poco código.