Selector de tiempo de estilo de reloj en JavaScript puro-Grudus TimePicker
| Autor: | grudus |
|---|---|
| Views Total: | 2,241 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 16, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript de Grudus TimePicker le permite crear un selector de tiempo de diseño de materiales donde los usuarios pueden elegir una hora desde una interfaz de reloj interactiva.
Funcionamiento
Instálelo con NPM:
npm install --save grudus-timepicker
Cargue la hoja de estilos principal ' index. css ' y JavaScript ' grudus-TimePicker. ES5. js ' en el documento HTML.
<link href="src/styles/index.css" rel="stylesheet"> <script src="grudus-timepicker.es5.js"></script>
Mostrar el selector de hora con la configuración predeterminada.
Timepicker.showPicker()
Personalice el selector de tiempo con las siguientes opciones. Reemplace los valores predeterminados como se muestra a continuación y, a continuación, pasarlos como un objeto a la función ' showPicker '.
{
onSubmit: () => {},
onClose: () => document.body.removeChild(document.getElementById(clockId)),
headerBackground: "#1976D2",
headerColor: "#c7d6e1",
headerSelected: "#ffffff",
wrapperBackground: "#f0fff0",
footerBackground: "#f0fff0",
submitColor: "#1976D2",
cancelColor: "#1976D2",
clockBackground: "#CFD8DC",
clockItemColor: "#212121",
clockItemInnerColor: "#212121",
handColor: "#1976D2"
}
