Garth

Jak na datepicker v generovaném obsahu webu?

jQuery UI, datepicker, kalendář

Pokud nasadíte kalendář (neboli datepicker z knihovny jQueryUI), tak ve většině případů je vše v pořádku. Tudíž si jen kalendář dostylujete a donastavíte a vše je jak má. Co když daný kalendář má fungovat i na inputu, který Vám vygeneruje nějaký jQuery script? Kelndář Vám bude fungovat na inputech co byly v rámci stránky po načtení, ale na těch vygenerovaných po načtení již ne.

Tuto situaci řeší kousek jQuery:
$( document ).ready(function() {
  $('body').on('focus',".datepicker", function(){
    $(this).datepicker();
  });
});

Třída "datapicker" je název jednotné třídy, která v daném příkladu určí, že požadovaný input má vlastnosti kalendáře. Celé "kouzlo" je ve funkci "on", která umí nalézt jakékoliv prvky.

<< zpět




Nejnovější články

Jak udělat stín bloku pouze na jedné straně?

CSS - Úvod do CSS

Jak detekovat klik na tlačítka myšy?

JavaScript - Úvod do JavaScriptu

Jak udělat odkaz na celý řádek tabulky?

JavaScript - Příklady v JavaScriptu

Jak zrušit tečky kolem odkazu?

CSS - Základy CSS

Jak fungují lomítka a tečky v url adrese?

(x) HTML - Úvod do HTML