ATTENZIONE: questo articolo e' stato scritto piu' di 2 mesi fa. Qualcosa potrebbe essere cambiato nel frattempo. Cerca su Xipe.it se ci sono aggiornamenti.
Eccovi un bellissimo calendario JavaScript scritto da Dynarch completamente gratuito.
Semplice, leggero, multilingua e completamente personalizzabile tramite piccole modifiche ai fogli CSS. Ideale per creatori di siti web e web applications.
L’utilizzo è semplice, prima bisogna importare tutto il necessario nella head:
<script type="text/javascript" src=".calendar.js"> <script type="text/javascript" src="calendar-setup.js"> <script type="text/javascript" src="lang/calendar-it.js"> <link rel="stylesheet" type="text/css" href="calendar-brown.css" / >
e poi basta aggiungere queste righe di codice dove vogliamo che venga visualizzato il calendario.
<script type="text/javascript"> Calendar.setup({ inputField : "nome del controllo che deve contenere la data", button : "nome del controllo che deve attivare il calendario", align : "Tr", ifFormat : "%d-%m-%Y", showsTime : false, singleClick : true, step : 1 }); </script>
Sull sito di Dynarch potete trovare altri utilissimi controlli come Menu, Rollbar, NavigationBar etc…
Grazie!
Semplice e molto carino!
ma prego
Scusa, ma se io ho bisogno di istanziare due calendarietti nella mia pagina come si fa con il metodo calendar.setup?
@marco: semplice, utilizzi due volte il metodo calendar.setup()
io l’ho fatto e funziona alla grande!
Ti ho mandato un esempio via email.
Ciao! ho proprio bisogno di riuscire ad utilizzare un calendario come questo… ma ho qualche problemino…. è da poco tempo che mi sono avvicinato al mondo della progammazione!
il primo problema è che non riesco a capire da dove posso scaricare i file:
.calendar.js
calendar-setup.js
lang/calendar-it.js
calendar-brown.css
puoi aiutarmi?
Grazie Mille!!!!!!!
@Angelo: guarda QUI, il calendario è stato aggiornato da quando ho scritto il post quindi non andare in sbattimento se non è essattamente uguale come grafica.
ciao!
Ok! grazie!
ero andato un po in palla…….
ciao!
A me non funge!
Mi esce questo messaggio:
Calendar.setup:
Nothing to setup (no fields found). Please check your code
Eppure mi sembra tutto corretto…
forse non hai settato l’id del controllo associato al calendario. Supponiamo che il tuo controllo associato sia un testo di nome testo1, allora dovrai impostare la proprietà “id” e passarla al calendario.
Praticamente il controllo testo sarà così:
< inpute type="text" name="testo1" id="testo1" >
e il calendario:
Calendar.setup({inputField:”testo1″,…..)
spero di esserti stato utile…
L’ho provato e lo trovo bellissimo.
L’ho usato su due campi e mi piace molto per settare una data di inizio e una di fine. Sai se è possibile disabilitare il calendario in modo che non si scelga una data a ritroso rispetto al today e se si può, scegliendo una data nel primo campo, eliminare i giorni precedenti alla scelta dal secondo. E’ fattibile secondo te ?
@Deep: mmm… sinceramente non saprei, prova a guardare la documetazione del calendario.
al limite fatti una funzioncina javascript che intercetta i valori delle textbox e fa la validazione.
una cosa del genere: “dibistore.com/articles/2007/09/17/validare-le-date-con-javascript”.
ciao!
a me non funzia!!! mi compare il calendario ma con tutte etichette con su scritto undefined!!!
potete aiutarmi
P.S. Si vede tutto tranne il numero dei giorni, in cui c’è scritto undefined!!!
HELP!!!
Ciao e grazie.
@Raizen: controlla il file .js, ci sarà qualche virgola mancante.
fai un minimo di debug con firefox + firebug.
ciao
Ciao, io ho un problema con questo calendario, in pratica facendo così nn mi fa vedere il calendario :
mentre se tolgo la tabella si…
come posso risolvere?
Help me, anche per e-mail. grazie mille
scusate : ”
“
in pratica nn mi fa inserire la tabella, perchè la vede come html.
cmq mettendo il calendario in una tabella, o meglio ho un text area in una tabella che al click mi deve aprire il calendario, ma dato che è nella tabella nn me lo apre. basta che tolgo la tabella… sapete aiutarmi.?^?
grazie
Dovrei impostare 2 caselle per selezionare la data d’inizio e la data di fine, ma non ci riesco, potreste postarmi qualche esempio?
Grazie mille!