Biblioteca ligera de selector de fecha de JavaScript puro-DatePickerX

Vista prévia

Descripción

DatePickerX es un selector de fecha ligero y nativo basado en JavaScript que permite al visitante seleccionar fechas, meses y años en una agradable vista de calendario limpia.

Funcionamiento

Incluya los archivos JavaScript y CSS de DatePickerX en la página HTML.

<link rel="stylesheet" href="DatePickerX.css">
<script src="DatePickerX.min.js"></script>

Cree un campo de texto normal para aceptar la entrada de fecha.

<input type="text" name="demo" placeholder="Pick A Date">

Inicializar el selector de fecha.

window.addEventListener('DOMContentLoaded', function(){

var myDatepicker = document.querySelector('input[name="demo"]'),


$myDatepicker.DatePickerX.init({


// options here

});

});

Opciones y valores predeterminados.

mondayFirst


: true,
format




 : 'yyyy/mm/dd',
minDate




: new Date(0, 0),
maxDate




: new Date(9999, 11, 31),
weekDayLabels

: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'St', 'Su'],
shortMonthLabels : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
singleMonthLabels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
todayButton


: true,
todayButtonLabel : 'Today',
clearButton


: true,
clearButtonLabel : 'Clear'

Registro de cambios

v1.0.5 (08/30/2018)

• Alineación de la parte superior fija