Selector de temporizador mínimo con JavaScript puro

Tiempo de ejecución: 30 minutos. Empezar

Autor: Via-profit
Views Total: 3,824
Sitio oficial: Ir a la web
Actualizado: June 20, 2016
Licencia: MIT

Vista prévia

Selector de temporizador mínimo con JavaScript puro

Descripción

Un selector de temporizador de JavaScript/CSS donde puede seleccionar una hora de una ventana emergente con paneles de selección de horas/minutos separados.

Funcionamiento

Cargue JS-TimePicker. CSS y JS-TimePicker. js en el documento HTML.

<script src="js-timepicker.js"></script>
<link rel="stylesheet" href="js-timepicker.css">

Cree un campo de entrada para aceptar la selección de tiempo.

<input type="text" name="demo">

Active el selector de tiempo en el campo de entrada que ha creado.

window.picker = new JsTimepicker(document.querySelector('[name="demo"]'), {

// options here
});

Configuración predeterminada.

window.picker = new JsTimepicker(document.querySelector('[name="demo"]'), {

hourLeadingZero: true,

hourStep: 1,

minuteLeadingZero: true,

minuteStep: 5
});

Te puede interesar: