Selector de fecha ligero en Vanilla JavaScript

Vista prévia

Descripción

Vanilla DatePicker es un plugin de JavaScript ligero de vainilla que se utiliza para crear un selector de fecha simple pero configurable adjuntando a campos de entrada de texto. No se requiere ninguna 3ª biblioteca.

Funcionamiento

Agregue el archivo JavaScript Vanilla. DatePicker. js y la hoja de estilo Vanilla. DatePicker. CSS a la Página Web.

<script src="vanilla.datepicker.js"></script>
<link rel="stylesheet" href="vanilla.datepicker.css">

Inicialice el selector de fecha en una entrada archivada como esta:

datepicker( '.datepicker', {

// options here
});

Todas las opciones de configuración.

datepicker.defaults = {


// First day of week

 firstDayOfWeek: 0,




// Month formats


 months: {












 short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],



long: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']

},


// Display year navigation

navigateYear: true,





 // Date
output format


outputFormat:'%Y-%m-%d',




// Week formats

weekdays: {



short: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],



long: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']

}


}

Registro de cambios

11/10/2018

• Habilite la navegación y selección de teclado

10/06/2018

• Se corrigió el formato de salida, se agrega parseDate del formato

08/02/2018

• Se dispara un evento de cambio cuando se cambia el valor de fecha