Aby skorzystać z jQuery Timepicker należy dołączyć dwa pliki: jquery.timepicker.min.js oraz jquery.timepicker.min.css. Następnie, zakładając, że posiadasz w swoim dokumencie element <input> z klasą timepicker, możesz użyć kodu po prawej stronie (lub kodu poniżej, jeśli czytasz na telefonie komórkowym), aby zainicjować plugin.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Instalacja
Wtyczka jest dostępna z różnych źródeł, wybierz tę, która lepiej pasuje do Twojego projektu!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker jest dostępny w cdnjs. Aby uzyskać listę wszystkich dostępnych wersji i plików, przejdź do https://cdnjs.com/libraries/timepicker. Alternatywnie, użyj poniższego kodu aby dołączyć tylko niezbędny arkusz stylów i skrypt do swojej strony.
Wyklej następujący kod wewnątrz elementu <head> swojej strony:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Wyklej następujący kod przed znacznikiem </body>:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Pobierz
Najnowsza wersja jQuery Timepicker jest również dostępna do pobrania z GitHuba.
Konfiguracja
JQuery Timepicker oferuje kilka opcji konfiguracyjnych. Skorzystaj z poniższego demo, aby dostosować jego zachowanie do swoich potrzeb. Jeśli jesteś zainteresowany szczegółowym opisem każdej z dostępnych opcji, przejdź na stronę opcji.
$('.timepicker').timepicker({ }); Pomoc &Zgłoszenia błędów
Możesz wysyłać zgłoszenia błędów i sugestie funkcji na GitHub.
Jeśli masz problemy z korzystaniem z wtyczki, proszę opublikuj pytanie na Stack Overflow używając jquery i timepicker jako znaczników; ja lub ktoś ze społeczności na pewno pomoże.
Czy składasz raport o błędach, czy prosisz o pomoc na Stack Overflow, proszę spróbuj dołączyć przykład demonstrujący twój problem.
.