Per usare jQuery Timepicker è necessario includere due file: jquery.timepicker.min.js e jquery.timepicker.min.css. Poi, assumendo che tu abbia un elemento <input> nel tuo documento, con classe timepicker, puoi usare il codice sulla destra (o il codice qui sotto, se stai leggendo da mobile) per inizializzare il plugin.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Installazione
Il plugin è disponibile da diverse fonti, scegli quella che si adatta meglio al tuo progetto!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker è disponibile in cdnjs. Per avere una lista di tutte le versioni e i file disponibili, vai a https://cdnjs.com/libraries/timepicker. In alternativa, usa il codice qui sotto per includere solo il foglio di stile e lo script necessari nel tuo sito web.
Incolla il seguente codice all’interno dell’elemento <head> della tua pagina:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Incolla il seguente codice prima del tag </body>:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Download
L’ultima versione di jQuery Timepicker è anche disponibile per il download da GitHub.
Configurazione
jQuery Timepicker offre diverse opzioni di configurazione. Usa la demo qui sotto per adattare il suo comportamento alle tue esigenze. Se sei interessato ad una descrizione dettagliata di ciascuna delle opzioni disponibili, vai alla pagina delle opzioni.
$('.timepicker').timepicker({ }); Help &Segnalazioni di bug
Puoi inviare segnalazioni di bug e suggerimenti di funzionalità a GitHub.
Se hai problemi con il plugin, per favore posta una domanda su Stack Overflow usando jquery e timepicker come tag; io o qualcuno della comunità ti aiuteremo sicuramente.
Se stai inviando una segnalazione di bug o chiedendo aiuto su Stack Overflow, cerca di includere un esempio che dimostri il tuo problema.