Používám rád Metro UI CSS FW. Převedl jsem si pod něj všechny svoje weby na sunamo.cz . Ale jedna věc mě na něm docela často štve. Nedokonalá dokumentace. Kouknete se třeba na 👻 Tahle URL už dávno nikam nevede – GPS ztratila signál natrvalo.. Z této stránky jde vidět že se musí v prvé řadě přidat reference na tyto JS soubory: metro-calendar.js a metro-datepicker.js. Následně můžeme začít psát kód HTML:
<div>
<input type="text">
<button class="btn-date"> </button>
</div>Pak přidáme kód JavaScript:
<script>
$("#datepicker").datepicker();
</script>A toto by mělo být všechno proto aby to fungovalo, aspoň podle dokumentace. Chyba lávky! JavaScript kód je správně, ale div musí vypadat aspoň takto:
<div>
<input type="text">
<button class="btn-date" type="button"> </button>
</div>Přidal jsem do atributu divu 2x datepicker – to proto abyste mohli vybrat datum kliknutím do obsahu inputu (kromě tlačítka s ikonkou kalendáře). Pak jsem přidal do <button> type="button" – to proto aby vám tlačítko nereloadovalo stránku místo zobrazení kalendáře. 📅