Skip to content

Instantly share code, notes, and snippets.

@AnndresRodriguez
Last active May 7, 2019 03:34
Show Gist options
  • Save AnndresRodriguez/8eb5ba2d331527f5f33fffcf65f127f0 to your computer and use it in GitHub Desktop.
Save AnndresRodriguez/8eb5ba2d331527f5f33fffcf65f127f0 to your computer and use it in GitHub Desktop.
Ejemplo de Configuración del lenguaje español para la librería Window date picker
// https://www.npmjs.com/package/window-date-picker
// npm install --save-dev window-date-picker
import WindowDatePicker from 'window-date-picker';
// Previamente debemos Crear en nuestro html los siguientes elementos
// <div id="picker"></div>
// <input id="demo" type="datetime-local">
// <button id="toggle"></button>
function initDataWindowDatePicker() {
// Configuración del Lenguaje Español
WindowDatePicker.createLanguage('es', {
DAYS_ABBR: ['', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab', 'Dom'],
MONTHS: ['', 'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
MONTHS_ABBR: ['', 'Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
AM_PM: ['a.m.', 'p.m.'],
BUTTONS: ['Cancelar', 'Ok'],
INVALID_DATE: 'Datos inválidos'
});
const picker = new WindowDatePicker({
el: '#picker',
toggleEl: '#toggle',
inputEl: '#demo',
type:'DATE',
hourType: "12",
lang: "es"});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment