Pentru a utiliza jQuery Timepicker va trebui să includeți două fișiere: jquery.timepicker.min.js și jquery.timepicker.min.css. Apoi, presupunând că aveți un element <input> în documentul dvs., cu clasa timepicker, puteți utiliza codul din dreapta (sau codul de mai jos, dacă citiți pe mobil) pentru a inițializa plugin-ul.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Instalare
Principalul este disponibil din diferite surse, alegeți-l pe cel care se potrivește mai bine cu proiectul dumneavoastră!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker este disponibil în cdnjs. Pentru a obține o listă cu toate versiunile și fișierele disponibile, mergeți la https://cdnjs.com/libraries/timepicker. Alternativ, utilizați codul de mai jos pentru a include doar foaia de stil și scriptul necesar în site-ul dvs. web.
Pasați următorul cod în interiorul elementului <head> al paginii dvs.:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Pasați următorul cod înainte de tag-ul </body>:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Download
Cea mai recentă versiune a jQuery Timepicker este, de asemenea, disponibilă pentru descărcare de pe GitHub.
Configurare
jQuery Timepicker oferă mai multe opțiuni de configurare. Folosiți demo-ul de mai jos pentru a ajusta comportamentul său la nevoile dumneavoastră. Dacă sunteți interesat de o descriere detaliată a fiecăreia dintre opțiunile disponibile, vă rugăm să accesați pagina cu opțiuni.
$('.timepicker').timepicker({ }); Help & Rapoarte de erori
Puteți posta rapoarte de erori și sugestii de caracteristici pe GitHub.
Dacă aveți probleme în utilizarea plugin-ului, vă rugăm să postați o întrebare la Stack Overflow folosind jquery și timepicker ca etichete; eu sau cineva din comunitate vă va ajuta cu siguranță.
Dacă trimiteți un raport de eroare sau cereți ajutor la Stack Overflow, încercați să includeți un exemplu care să demonstreze problema dvs.