T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
« CSS 3 delovne skupine – zadnji sklepi
16GB USB 2.0 ključek – 46.2€ »
15th April

Javascript koledar – izbira datuma – jQuery date picker

Če želite enostavno Javascript komponento, ki vam poljubni HTML Input element spremeni v majhen priročen koledarček oz. layer kjer lahko uporabnik izbere poljuben datum, vam priporočam, da uporabite jQuery UI Datepicker. Je enostaven za namestitev in uporabo ter podpira vse standardne brskalnike.

Predogled:
uidatepicker

Primer uporabe:

PLAIN TEXT
PHP:
  1. echo '<input type="text" id="date" value="20.06.1987" />;

PLAIN TEXT
JAVASCRIPT:
  1. jQuery(function($){
  2.     $("#date").datepicker({ dateFormat: 'dd.mm.yy' })
  3.     $("#date").datepicker();
  4.   });

Namestitev:

PLAIN TEXT
HTML:
  2.   <script type="text/javascript" src="js/ui.datepicker.js"></script>
  3.   <script type="text/javascript" src="js/jquery.js"></script>
  4.   <link rel="stylesheet" type="text/css" media="screen" href="css/ui.datepicker.css" />
  5. </head>

Dol-vleči - Vse potrebne datoteke za delovanje ui.datepicker komponente (jQuery js, datepicker js, datepicker css).

Zagotovo pa obstajajo še kakšne boljše komponente. Če poznate katero jo prosim dodajte pod komentarje in na kratko opišite prednosti ter morebitne slabosti. Hvala.

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Javascript – scrolling – jQuery.scrollTo – jQuery.SerialScroll
  2. Textarea defaultValute – Javascript string replace – uidatepicker onClose
  3. jQuery – traversing – dodatki – javascript frameworks
  4. Javascript – fade efekt – jQuery – fadeIn – fadeOut – setTimeout – removeChild
  5. MySQL – date funkcije – current date, now, add date, sub date, interval
  6. jQuery each snippet
  7. Select – dropdown – width – internet explorer
  8. Stalno osveževanje del spletne vsebine – ajax jquery.get – javascript setinterval
  9. Tablesorter – jQuery plugin Tablesorter 2.0 – šumniki – nepravilno sortiranje šumnikov čšž – javascript sortiranje tabel
  10. Javascript predogled slike – CSS opacity – picture preview – picture fade

Roky || Tuesday, April 15th, 2008 ob 12:29 am || Splet, Splet (Javascript, Ajax) || RSS 2.0 | Dodaj komentar || Trackback


13x komentirano na “Javascript koledar – izbira datuma – jQuery date picker”

  1. Boštjan je napisal:
    April 15th, 2008 ob 1:18 am

    Jest uporablam: http://www.dynarch.com/projects/calendar/

  2. Mesko je napisal:
    April 15th, 2008 ob 7:13 am

    jst tudi tega, ki ga je Boštjan prilimal :) Tega z jQuerijem sem tudi že gledal samo mi nekako ni blo všeč, da moram še jQuery dol povlečt ... ne vem zakaj, ampak pasalo mi ni :S

  3. Jan Hančič je napisal:
    April 15th, 2008 ob 9:27 am

    Tale jQuery calendar je cool ja. Ga uporabljam in sem zelo zadovoljen. Pa fino je ker lahko dizajn prilagodiš, da se sklada z dizajnom strani.

  4. Roky je napisal:
    April 15th, 2008 ob 9:40 am

    Mesko, vem ja. Tudi sam dobim občutek, ampak zadnje čase je veliko stvari že na podlagi jQuery in ma zato večino strani že includanih jQuery.

    Gledam malce zgoraj omenjeno komponento, zgleda kr kul.

  5. Carli je napisal:
    April 15th, 2008 ob 10:19 am

    Mah jQuery, prototype, itd. Na koncu se vse skrega med sabo in smo v riti. :D

  6. Jan Hančič je napisal:
    April 15th, 2008 ob 10:38 am

    Zakaj bi pa uporabljal in jQuery in prototype? Za eno knjižnico se odločiš in jo uporabljaš.

  7. Carli je napisal:
    April 15th, 2008 ob 11:32 am

    Zaradi strank :D

  8. Jan Hančič je napisal:
    April 15th, 2008 ob 1:56 pm

    Čudne stranke imaš ti, da ti one odločajo katere tehnologije boš uporabljal :)

  9. Carli je napisal:
    April 15th, 2008 ob 4:03 pm

    Jp, ampak ravno te plačajo ...

  10. Boštjan je napisal:
    April 15th, 2008 ob 4:25 pm

    Jst pa večinoma, če ni kej preveč kompliciran uporabljam kr svoje knjižnice (razen AJAX-a), oziroma razne posamezne skripte ker jQuery je dost kompleksen

  11. Roky je napisal:
    April 15th, 2008 ob 4:30 pm

    Tudi jaz večinoma napišem svoje skripte, tut recimo ajax knjižnico itd... ampak pri projektih kjer delam skupaj z nekom je treba upoštevat njegovo strukturo, ki jo on hoče met in glede na to, uporabiš druge (že narejene) komponente. V mojem primeru je bil jQuery že dodan, zato je bil ui.datepicker najbolj primeren. Se mi zdi:)

  12. Textarea defaultValute - Javascript string replace - uidatepicker onClose | .: TRSplet - internetne storitve .: je napisal:
    April 17th, 2008 ob 1:56 am

    [...] Pisal sem že, da sem uporabil jQuery UI Datepicker za prikaz koledarčka. [...]

  13. Roky je napisal:
    May 6th, 2008 ob 1:46 pm

    Če imate več date inputov na isti strani potem uporabite isti class za vse inpute (recimo dateinput) in potem javascript:

    $('.datebox').datepicker(); ... ki inicializira vse date na strani.

Dodaj komentar