Vaikka on mahdollista luoda kalenterin widget tyhjästä verkkosivuilla flash tai java script, on olemassa useita tunnettuja ja testattu kalenteri rajapinnat käytettävissä web-kehittäjä ilmaiseksi Internetissä tänään.Yahoo! UI (User Interface) kirjasto on helposti konfiguroitavissa kalenteri vekotin, jota voidaan käyttää minkä tahansa sivuston tai blogiin.Koska Yahoo! tekee API käytettävissä kehittäjä maksutta, se voidaan myös laajentaa vastaamaan Web kehittäjän tarpeisiin, jos ei ole tarpeeksi toimintoja haluamasi sovelluksen.
Sisällytä Javakäsikirjoitus ja CSS-tyylisivun riippuvuuksia tarvitaan kalenterin widget Web-sivun.
& lt;! - CSS-tiedoston (oletus YUI Sam iholle) - & gt;
& lt; link rel = "stylesheet" type = "text / css" href = "http://yui.yahooapis.com/2.6.0/build/calendar/assets/skins/sam/calendar.css" & gt;
& lt;! - Riippuvuudet - & gt;
& lt; script type = "text / javascript" src="
Levitä Yui-iho-sam luokan elementtinä Web-sivun, joka voidaan pitää emoyhtiönä kalenterin widget.Jos olet epävarma, tämä voidaan soveltaa & lt; body & gt;tag Web-sivun.
& lt; body class = "Yui-iho-Sam" & gt;
Render Kalenteri kohteen & lt; div & gt;elementti Web-sivulla.
& lt; div id = "callContainer" & gt; & lt; / div & gt;
Alusta Kalenteri objekti.Kehittyneen kokoonpanoissa, lisätietoja voidaan siirtyi Kalenteri rakentaja perustuu pois menetelmän määritelmä Yahoo! UI kirjasto.
var puhelu = uusi YAHOO.widget.Calendar ("callContainer");
call.render ();
Luo usean kuukauden kalenteri korvaamalla Kalenteri alustuksen puhelun edellisessä vaiheessa seuraavien puhelun:
var puhelu = uusi YAHOO.widget.CalendarGroup ("callContainer");