Calendari Javascript per il tuo sito web

Progettare un “date picker” grafico in Javascript è un lavoro complesso, che richiede tempo e conoscenze approfondite del linguaggio. Di seguito una selezione di risorse gratuite per implementare calendari javascript all’interno delle web applications.

Dai fantastici plugin di jQuery, al framework Mootools, ecc. Velocizza i tempi di produzione e utilizza codice open source. La lista è completa e gli strumenti funzionali.

1. jQuery datepicker
Si tratta di un plugin di jQuery. Con un clic sulla casella di testo, si apre il calendario che visualizza il mese corrente. Dopo aver selezionato la data, il calendario si chiude ed inserisce il valore sulla casella di testo (nel formato MM/GG/AAAA).

Si possono usare anche le combinazioni di tasti per cambiare anno, mese e giorno:
Pagina sù/giù -> Mese precedente/seguente
ctrl+pagina sù/giù -> Anno precedente/seguente
ctrl+home -> Mese corrente o apre calendario se chiuso
ctrl+left/right -> Giorno precedente/seguente
ctrl+up/down -> Settimana precedente/seguente
enter -> Accetta la data selezionata
ctrl+fine -> Chiude e cancella la data
Esc -> Chiude il calendario senza selezionare nulla

2. jQuery Date Picker plugin
Altro interessante plugin di jquery, con molte opzioni e facile da utilizzare.

3. Calendar MooTools
Calendar è una classe Javascript che appende un date-picker agli elementi di un form. Questa classe è una compilation di svariati calendari implementati e completamente riscritti per Mootools.

4. YUI Calendar
YUI Calendar permette di implementare un calendario semplice da utilizzare, facilmente personalizzabile ed elegante.

5. Date-Picker Widget
Questo elegante calendario, altamente personalizzabile tramite i CSS, non visualizza finestre pop-up ed è l’ideale per quei documenti di tipo application/xhtml+xml. Disponibile una demo. Inoltre è possibile disabilitare determinati giorni per particolari esigenze.

Include una localizzazione di ben 16 lingue. E’ gratuito per uso personale e commerciale.

6. Scal
Scal è un calendario semplice basato sul framework Prototype. E’ personalizzabile attraverso i CSS, per creare temi adatti alla grafica dello spazio internet sul quale verrà pubblicato.

7. Ext JS Extension:Calendar
Altro Date picker avanzato, con molte funzionalità interessanti. Da verificare la compatibilità cross-browser.

8. jPint
jPint è un set di librerie, progettate per permettere agli sviluppatori web di integrare applicazioni con un look molto simile a quello dei software per iPhone. Un calendario molto carino!