Selector de fecha amigable para dispositivos móviles en JavaScript puro-Cuppa DatePicker

Tiempo de ejecución: 30 minutos. Empezar

Autor: CuppaLabs
Views Total: 4,230
Sitio oficial: Ir a la web
Actualizado: November 8, 2016
Licencia: MIT

Vista prévia

Selector de fecha amigable para dispositivos móviles en JavaScript puro-Cuppa DatePicker

Descripción

Cuppa DatePicker es una sencilla biblioteca de JavaScript flexible que se utiliza para crear un selector de fecha basado en entrada para aplicaciones web móviles y de escritorio.

Funcionamiento

Cargue la biblioteca Moment. js necesaria en la Página Web.

<script src="moment.min.js"></script>

Cargue el archivo JavaScript principal ' Cuppa-Calendar. js ' en la Página Web.

<script src="js/cuppa-calendar.js"></script>

Cree un contenedor para el selector de fecha.

<div id="demo"></div>

Cree una nueva instancia de la Cuppa DatePicker.

var cal
= new WinkelCalendar({


container: 'demo'
});

Opciones de personalización con valores predeterminados.

var cal
= new WinkelCalendar({


defaultDate : new Date(),


bigBanner: true,


format : "DD/MM/YYYY",


onSelect : null
});

API methods.

// Sets a new date
cal.setDate('07-11-2016')

// Sets the date to todays's date
cal.today()

// Opens the datepicker
cal.today()

// Closes the datepicker
cal.close()

Te puede interesar: