Corsi on-line

5 plugin per gestire calendari e date picker con jQuery

Avendo bisogno di un date picker nel mio ultimo progetto personale ho deciso di utilizzare un componente di terze parti in modo da accelerare lo sviluppo. I date picker sono interfacce utili per la compilazione di quei campi dei moduli in cui deve essere inserita una data.

Oggi voglio proporvi un elenco di calendari e date picker secondo me molto validi. Sicuramente ci sono molti ottimi componenti per motools, prototype, etc., ma ho ristretto la mia ricerca ai date picker realizzati con jQuery.

1) Eyecon Date Picker

Il punto di forza di questo componente è la semplicità di spostarsi nel tempo con pochissimi click. Un’altra caratteristica interessante consiste nel supporto della selezione di intervalli di tempo. Date Picker è rilasciato sotto licenza MIT e GPL, quindi è utilizzabile anche in prodotti commerciali.

2) jQuery UI Datepicker

Si tratta di un widget della libreria UI di jQuery davvero ben fatto: supporta la navigazione da tastiera, l’internazionalizzazione e dispone di un sacco di opzioni, eventi e metodi. Peccato che sia un po’ pesantino da caricare…

3) Date Range Picker

Si tratta di un’estensione davvero interessante per la selezione delle date (realizzata con jQuery UI). Dal menu laterale è possibile selezionare in automatico intervalli di tempo predefiniti.

4) jQuery date picker
E’ un componente efficente e molto ben documentato (ci sono un sacco di casi d’uso pronti all’uso). Può essere utilizzato sia in linea o come campo di input, in vista singola o multipla per la selezione di un periodo.

5) Multiday Calendar Datepicker

Questo datepicker ha la particolarità di consentire, in modo molto veloce, la selezione di periodi di tempo pre-definiti (nell’ es. 4 giorni). Spostandosi col mouse sopra al calendario verranno evidenziati in automatico i giorni definiti partendo da quello in cui sosta il puntatore. Ottimo se si deve realizzare, ad esempio, un sito di vacanze in cui consentire la selezione veloce del periodo di soggiorno.

Post correlati
  • pietro

    Salve! Mi potreste spiegare come fare ad inserire tali widjet nel sito? Dove copiare e incollare il codice? Grazie

I più letti del mese
Tematiche