Pro použití jQuery Timepicker je třeba zahrnout dva soubory: jquery.timepicker.min.js a jquery.timepicker.min.css. Poté, za předpokladu, že máte v dokumentu element <input> s třídou timepicker, můžete pomocí kódu vpravo (nebo kódu níže, pokud čtete na mobilu) inicializovat zásuvný modul.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Instalace
Zásuvný modul je k dispozici z různých zdrojů, vyberte si ten, který lépe vyhovuje vašemu projektu!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker je k dispozici v cdnjs. Seznam všech dostupných verzí a souborů získáte na adrese https://cdnjs.com/libraries/timepicker. Případně můžete použít níže uvedený kód, který na vaše webové stránky zahrne pouze potřebný soubor stylů a skript.
Vložte následující kód dovnitř elementu <head> své stránky:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Vložte následující kód před značku </body>:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Stáhnout
Nejnovější verze nástroje jQuery Timepicker je také k dispozici ke stažení ze služby GitHub.
Konfigurace
jQuery Timepicker nabízí několik možností konfigurace. Pomocí níže uvedené ukázky můžete jeho chování přizpůsobit svým potřebám. Pokud vás zajímá podrobný popis jednotlivých dostupných možností, přejděte na stránku možností.
$('.timepicker').timepicker({ }); Nápověda &Hlášení o chybách
Hlášení o chybách a návrhy funkcí můžete posílat na GitHub.
Pokud máte s používáním zásuvného modulu problémy, napište prosím dotaz na Stack Overflow s použitím značek jquery a timepicker; já nebo někdo z komunity vám jistě pomůže.
Ať už posíláte hlášení o chybě, nebo žádáte o pomoc na Stack Overflow, pokuste se prosím uvést příklad demonstrující váš problém.
.