A jQuery Timepicker használatához két fájlra lesz szükséged: jquery.timepicker.min.js és jquery.timepicker.min.css. Ezután, feltételezve, hogy van egy <input> elem a dokumentumodban, timepicker osztályú, használhatod a jobb oldali kódot (vagy az alábbi kódot, ha mobilon olvasod) a plugin inicializálásához.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Installáció
A plugin több forrásból is elérhető, válaszd ki azt, amelyik jobban illik a projektedhez!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker elérhető a cdnjs-ben. Az összes elérhető verzió és fájl listáját a https://cdnjs.com/libraries/timepicker oldalon találod. Alternatívaként használhatja az alábbi kódot, hogy csak a szükséges stílustáblát és szkriptet építse be a weboldalába.
A következő kódot illessze be az oldalának <head> elemébe:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">A következő kódot illessze be a </body> tag előtt:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Letöltés
A jQuery Timepicker legújabb verziója a GitHubról is letölthető.
Konfiguráció
A jQuery Timepicker számos konfigurációs lehetőséget kínál. Használd az alábbi demót, hogy a viselkedését az igényeidhez igazítsd. Ha érdekli az egyes lehetőségek részletes leírása, kérjük, látogasson el az opciók oldalra.
$('.timepicker').timepicker({ }); Súgó &Hibajelentések
Hibajelentéseket és funkciójavaslatokat küldhet a GitHubra.
Ha problémái vannak a bővítmény használatával, kérjük, tegyen fel kérdést a Stack Overflow-ra a jquery és timepicker címkékkel; én vagy valaki a közösségből biztosan segíteni fog.
Akár hibajelentést küld, akár segítséget kér a Stack Overflow-on, kérjük, próbáljon meg egy példát is mellékelni, amely bemutatja a problémát.