hur man gör en kalender java script för en webbplats

Kalendrar är en gemensam begäran om webbplatser , och skapa en kalender från grunden med JavaScript är inte en enkel uppgift . Tack och lov har massor av utvecklare stöter på detta problem förut , och har byggt bibliotek av JavaScript- kod som innehåller kalendrar-bland många andra prylar och funktioner-. som kan läggas till din webbplats med minimal ansträngning

Dojo Toolkit är ett sådant bibliotek , och är ganska enkelt att i någon webbapplikation . Medan Dojo har en stor mängd andra avancerade funktioner , lägga till en kalender på din webbplats är enkel och smärtfri .

Du behöver :
Dojo Toolkit JavaScript-bibliotek
. Textredigerare eller webbutveckling miljön.

1 .
Referens den Dojo Toolkit på webbsidan , antingen genom att ladda ner hela verktygslådan och lägga till en lokal referens , eller genom att använda en Content Delivery Network ( CDN ) så här:

Byt VERSION med de faktiska numeriska Dojo version du använder , till exempel 1 . 2 eller 1,4 .

( Se referens # 1 för information om hur du installerar en lokal kopia av Dojo till din dator /server . )
2 .
Lägg
en hänvisning till en dojo teman CSS -fil i huvudet avsnittet din webbsida :

( igen, ersätter versionen med versionsnumret du använder . )

att slutföra styling , lägga till en ”klass ” attribut till din kropp taggen :

. . .

Detta kommer att säkerställa din kalender är rätt formaterad.
3 .
Lägg till följande JavaScript för att din webbsida huvud avsnitt för att fylla de resurser som krävs för kalendern :


4
.
Skapa en div inuti din webbsida för att placera din kalender :

tips och varningar

  • Dojo Kalender har en ton av alternativ-till exempel fastställande ett första datum eller inaktivera helger . Se till att kolla in Dojo dokumentation för vad som finns tillgängligt .
  • Dojo ger också en experimentell men kraftigt förbättrad version av kalendern i sin dojox. widgets paket . När du fått kläm på att arbeta med Dojo Toolkit , titta in i dojox. widget. Calendar för ett mer robust alternativ .
  • Visited 4 times, 1 visit(s) today

    コメント

    タイトルとURLをコピーしました