Fechas en Vuejs 2 y Vuex utilizando Moment

La mayoría de las veces el trabajo con fechas nos hace perder bastante tiempo, no es un trabajo sencillo, por ese motivo en este tutorial te voy a explicar cómo trabajar con fechas en Vuejs 2 y Vuex utilizando Moment.

Lo primero que debes instalar y configurar en tu proyecto es Vuex y Moment. yarn add vuex moment Una vez instalado y configurado, 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.