jQuery.timepckr è un plugin per jQuery che ti consente di offrire agli utenti un sistema alternativo per inserire una ora.

Si tratta di un sistema differente che può essere un problema per le persone poco qualificate nella navigazione in Internet. Anche se è molto rapido e facile quando si sa come funziona, perché si deve solo sovrapponere il mouse all'ora per selezionare il tempo specificato.

Codice

$(function(){
  $('#test-1').timepickr();
  });

Molto semplice, è sufficiente elencare l'elemento <input /> in cui inietteremo l'opzione selezionata.

Opzioni

Tra le principali opzioni del plugin, ci sono alcune che ci permettono di personalizzare in una certa misura l'aspetto e il funzionamento dello stesso:

* hour: Ore che possono essere selezionate. Esempio: [1,2,3,4,5,6,7,8,9,10,11,12]
* minute: Minuti disponibili. Es: [0, 15, 30, 45]
* second: Secondi disponibili. Es: [0, 15, 30, 45]
* amPm: Etichette AM / PM. Esempio: [ 'sono', 'pm']
* showHour: Mostra il selettore ore (default: true)
* showMinute: Mustra selettore minuti (default: true)
* showSecond: Mostra il selettore secondi (default: false)
* showAmPm: Mostra il selettore da AM / PM (default: true)
* showDelay: ritardo da quando si mostra (default: 0)
* hideDelay: ritardo, da quando si chiude (default: 0)
* timeout: il tempo in secondi, per la chiusura automatica (default: 0 == mai)
* speed: Animazione velocità (default: 0)
* onClose: Si esegue alla chiusura
* onClosed: può essere eseguito dopo la chiusura
* onOpen: Si esegue all'apertura
* onOpened: Si esegue dopo l'apertura
* onHide: Si esegue quando si occulta
* repSpeed: Velocità di riposizionamento (default: 50)
* repDelay: Ritardo di riposizionamento (default: 10)
* val: Valore iniziale (default: false)
* formats: Esempio di formati (default:{})
* formats.field: Formato dell'ora di <input /> Esempio: {hour:02d}:{min:02d} {amPm:s}
* formats.hour: Formato per ore. Es. {0:02d}
* formats.minute: Format per minuti. Es: {0:02d}
* formats.second: Formato per secondi. Es: {0:02d}
* formats.amPm: Formato per AM / PM. Es. {0}