Pouzivam rad Metro UI CSS FW. Prevedl jsem si pod nej vsechny svoje weby na sunamo.net . Ale jedna vec me na nem docela casto stve. Nedokonala dokumentace. Kouknete se treba na http://metroui.org.ua/datepicker.html . Z teto stranky jde videt ze se musi dat v prve rade se musi pridat reference na tyto js soubory: metro-calendar.js a metro-datepicker.js. Nasledne muzeme zacit psat kod Html:
|
1 2 3 4 |
<div> <input type="text"> <button class="btn-date"> </button> </div> |
Pak pridame kod javascript:
|
1 2 3 |
<script> $("#datepicker").datepicker(); </script> |
A toto by melo byt vsechno proto aby to fungovalo, aspon podle dokumentace. Chyba lavky! Javascript kod je spravne, ale div musi vypadat aspon takto:
|
1 2 3 4 |
<div> <input type="text"> <button class="btn-date" type="button"> </button> </div> |
Pridal jsem do atributu divu 2x “datepicker” – to proto aby jste mohli vybrat datum kliknutim do obsahu inputu (krome tlacitka s ikonkou kalendare). Pak jsem pridal do <button> type=”button” – to proto aby vam tlacitko nereloadovalo stranku misto zobrazeni kalendare.