I calendari sono una richiesta comune sui siti Web e creazione di un calendario da zero con JavaScript non è un compito semplice. Per fortuna, ci sono un sacco di sviluppatori hanno incontrato questo problema prima e hanno costruito le librerie di codice JavaScript che contengono calendari - tra molti altri widget e funzioni--che possono essere aggiunto al tuo sito Web con il minimo sforzo.

Il Dojo toolkit è una libreria ed è abbastanza semplice da includere in qualsiasi applicazione Web. Mentre Dojo vanta una grande quantità di altre funzionalità avanzate, l'aggiunta di un calendario per il tuo sito è semplice e indolore.

Istruzioni

1

Riferimento il toolkit Dojo nella tua pagina Web, scaricando l'intero toolkit e l'aggiunta di un riferimento locale, oppure utilizzando un Content Delivery Network (CDN) come segue:

< script type = "text/css" href = "http://ajax.googleapis.com/ajax/libs/dojo/VERSION/dijit/themes/tundra/tundra.css" / >

(Ancora una volta, sostituire la versione con il numero di versione che si sta utilizzando.)

Per completare lo stile, è necessario aggiungere un attributo "class" al tag body:

< corpo class = "tundra" >

...

In tal modo che il tuo calendario è formattato correttamente.

3

Aggiungere il seguente JavaScript alla sezione head della tua pagina Web per caricare le risorse necessarie per il calendario:

< script type = "text/javascript" >

dojo.require("dijit.dijit");

dojo.require("dijit.Calendar");

< / script >

4

Creare un div all'interno di pagine Web per inserire il calendario:

< div dojoType = "dijit. Id calendario"="myCalendar">

< / div >

Consigli & Avvertenze

• Il calendario di Dojo ha una tonnellata di opzioni--ad esempio, impostando una data iniziale e la disattivazione del fine settimana. Assicurati di consultare la documentazione di Dojo per ciò che è disponibile.
• Dojo fornisce anche una versione sperimentale ma notevolmente migliorata del calendario nel suo pacchetto di dojox.widgets. Una volta che il blocco di lavoro con il toolkit Dojo, guardare in dojox.widget.Calendar per un'alternativa più affidabile.