jQuery UI dodatak

Primer:

$(function() {
    $("#odabir_datuma").datepicker();
});

Element sa id-em “odabir_datuma” će postati element za biranje datuma. Ukoliko je taj element <div> datum će biti vidljiv sve vreme. U praksi se najčešće odabir datuma “vezuje” za <input> element. Tada je odabir datuma nevidljiv sve dok polje za unos datuma nije u fokusu. Primer na strani

Modalni dijalozi su obaveštenja koja iskaču iz strane i moraju se prihvatiti kako bi korisnik nastavio sa korišćenjem strane. Oni se koriste samo kada je to neophodno, jer korisnici ne žele stalno prekidanje u radu. Zbog sve češće upotrebe AJAX-a (AJAX će biti opisan u pretposlednjem poglavlju) ovakav način obaveštavanja korisnika se izbegava. Međutim i dalje je prisutan u velikoj meri. jQuery UI omogućava jednostavno prilagođavanje ovih dijaloga, kako bi dijalozi bili prilagođeni dizajnu našeg sajta i izbegli osnovan izgled modalnih dijaloga. Primer:

$(function() {
    $( "#dijalog" ).dialog(); 	//sadržaj modalnog dijalog biće sadržaj 
                                // elementa sa id-em dijalog, a stil samog 
                                // dijaloga zavisi od teme koje smo odabrali 
                                // ili nekog prilagođenog CSS fajla koji smo 
                                //sami napravili
});