Ci sono molti gratis JavaScript calendari è possibile scaricare e aggiungere alla tua pagina web. Quelle più semplici generano un calendario per il mese corrente. Calendari più elaborati forniscono mese e anno selezione menu, funzionalità per l'inserimento della data selezionata in un campo modulo e anche elenco eventi da un file esterno. La maggior parte JavaScript calendari sono forniti con istruzioni e generalmente vengono installati utilizzando la stessa procedura di base. \"Basic Calendar\ di Brian Gosselin" vi fornirà un bel po' generato automaticamente calendario che è facile da installare e utilizzare.
Istruzioni
1
Scaricare script di base calendario di Brian Gosselin (link fornito nella sezione riferimenti) e salvarlo nella stessa cartella con la tua pagina web.
2
Aprire la pagina web in un editor di testo.
3
Aggiungere il codice seguente nella zona della testa della tua pagina web, dopo il tag < HEAD > partenza e prima del tag finale < / HEAD >.
< stile tipo = \ "testo/css\" >
.Main () {
Larghezza: 200px
VAI
galleggiante: sinistra
VAI
}
month () {
colore di sfondo: nero
VAI
colore: bianco
VAI
}
.DaysOfWeek () {
background-color: argento
VAI
}
finalizada {
carattere: normale 12px SANS-SERIF
VAI
}
finalizada #today {
font-weight: bold
VAI
colore: rosso
VAI
}
< / stile >
< script tipo = \ "testo/javascript\" src=\"basiccalendar.js\" >
/***
Base calendario-By Brian Gosselin presso http://scriptasylum.com/bgaudiodr/Script in primo piano il Dynamic Drive (http://www.dynamicdrive.com) questo avviso deve rimanere intatto per useVisit http://www.dynamicdrive.com/ per il codice sorgente completo
***/
< / script > 4
Aggiungere il seguente codice dove si desidera il calendario a comparire nel corpo della pagina web, dopo il tag < BODY > partenza e prima il finale < / BODY > tag:
< script tipo = \ "testo/javascript\" >
var oggi = new Date)
VAI
var mese = today.getMonth() + 1;
var anno = today.getFullYear();
Document. Write (buildCal (mese, anno, \"main\", \"month\", \"daysofweek\", \"days\", 1))
VAI
< / script >
Il \"vars\" (i valori delle variabili) oggi, mese e anno verrà impostati su data odierna. Si noti che \"getMonth\" inizia il conteggio con gennaio come il \"0\ numero" modo uno viene aggiunto al \"month\" impostarlo per il numero corretto, 1 e 12, per il mese corrente.
5
Salvare la pagina web.
6
Aprire la pagina web in un browser web. Modificare lo stile CSS nella sezione head della tua pagina web per abbinare la vostra combinazione di colori, il layout e le preferenze. Vedere la sezione riferimenti per un link ad un Tutorial CSS.
Consigli & Avvertenze
- Vedere la sezione riferimenti per un collegamento a informazioni di calendario base di Brian Gosselin per ulteriori informazioni sull'utilizzo di script suo calendario e vedere un esempio di aggiunta di un calendario anno completo al vostro web page.
- Cercare altri calendari di JavaScript che hanno opzioni più elaborati. Vedere la sezione risorse per i collegamenti a siti di calendario di JavaScript e usare il vostro motore di ricerca preferito per cercare la pagina di calendario \"JavaScript. \"