Fechas en Vuejs 2 y Vuex utilizando Moment

Fecha de publicación: junio 10, 2019

Compártelo


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.

¿Quieres acceder a más de 100 cursos de PHP y JavaScript?

Vuejs, Laravel, NodeJS, WordPress, Serverless, React Native, Amazon Web Services y mucho más

Quiero hacerme Premium
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login