Buefy es un paquete de componentes que combinan BulmaCSS y Vue.js. Entre esos componentes encontramos el b-datepicker que no es más que un seleccionador de fechas, calendario o datepicker.

Por defecto viene en inglés, pero provee la manera de especificar los meses y días en español, cosa que te enseñaré hoy: cómo poner el datepicker de Buefy en español.

Especificar meses y días en español

Si leemos la documentación del componente en la página oficial veremos que podemos indicar el nombre de los meses como un arreglo, al igual que el nombre de los días. Para ello se usa respectivamente month-names y day-names.

Estos valores pueden ser escritos directamente en la plantilla o pueden ser parte de la lógica del componente, es decir, venir desde JavaScript.

Datepicker de Buefy en español: html

Como lo dije, podemos pasar los valores directamente en la vista:

En data de componente

O podemos ponerlos como arreglos en JavaScript dentro del componente de Vue en data:

Y luego usarlos en el HTML:

Seleccionador de fecha en español

Sea cual sea el método que hayas usado, al final tendrás el datepicker en idioma español y con los nombres que tú hayas elegido. En mi caso se ve así:

DatePicker (b-datepicker, seleccionador de fechas) en español – Vue y Bulma

Y, por cierto, para tener la primer letra mayúscula utilicé map y la función para convertir la primer letra a mayúscula. Algo así:


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 2,597 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

1 Comentario

Moisés · mayo 25, 2020 a las 5:18 am

¡Grandioso!

Deja un comentario

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: