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-timepicker

Bower

bower install jquery-timepicker-wvega --save

cdnjs

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.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.