Om jQuery Timepicker te gebruiken, moet je twee bestanden opnemen: jquery.timepicker.min.js en jquery.timepicker.min.css. Ervan uitgaande dat je een <input> element in je document hebt, met class timepicker, kun je de code hiernaast gebruiken (of de code hieronder, als je op mobiel leest) om de plugin te initialiseren.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Installatie
De plugin is verkrijgbaar bij verschillende bronnen, kies degene die het beste bij uw project past!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker is beschikbaar in cdnjs. Ga voor een lijst van alle beschikbare versies en bestanden naar https://cdnjs.com/libraries/timepicker. Je kunt ook de onderstaande code gebruiken om alleen het benodigde stylesheet en script in je website op te nemen.
Plak de volgende code in het <head>-element van uw pagina:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Plak de volgende code vóór de </body>-tag:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Download
De nieuwste versie van jQuery Timepicker kan ook worden gedownload van GitHub.
Configuratie
jQuery Timepicker biedt verschillende configuratiemogelijkheden. Gebruik de demo hieronder om het gedrag aan te passen aan uw behoeften. Als u geïnteresseerd bent in een gedetailleerde beschrijving van elk van de beschikbare opties, ga dan naar de opties pagina.
$('.timepicker').timepicker({ }); Help &Bugrapporten
U kunt bugrapporten en suggesties voor functies op GitHub plaatsen.
Als u problemen ondervindt bij het gebruik van de plugin, stel dan een vraag op Stack Overflow met jquery en timepicker als tags; ik of iemand van de community zal u zeker helpen.
Of u nu een bugrapport indient of om hulp vraagt op Stack Overflow, probeer alstublieft een voorbeeld bij te voegen dat uw probleem demonstreert.