För att använda jQuery Timepicker måste du inkludera två filer: jquery.timepicker.min.js och jquery.timepicker.min.css. Om du sedan antar att du har ett <input>-element i ditt dokument, med klassen timepicker, kan du använda koden till höger (eller koden nedan om du läser i mobilen) för att initiera insticksprogrammet.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Installation
Pluginet finns tillgängligt från olika källor, välj den som passar bättre till ditt projekt!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker finns i cdnjs. En lista över alla tillgängliga versioner och filer finns på https://cdnjs.com/libraries/timepicker. Alternativt kan du använda koden nedan för att inkludera endast de nödvändiga formatmallarna och skriptet på din webbplats.
Sätt in följande kod i <head>-elementet på din sida:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Sätt in följande kod före </body>-taggen:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Nedladdning
Den senaste versionen av jQuery Timepicker finns också att ladda ner från GitHub.
Konfiguration
jQuery Timepicker erbjuder flera konfigurationsalternativ. Använd demotypen nedan för att anpassa dess beteende till dina behov. Om du är intresserad av en detaljerad beskrivning av alla tillgängliga alternativ kan du gå till sidan med alternativ.
$('.timepicker').timepicker({ }); Hjälp &Felrapporter
Du kan lägga upp felrapporter och förslag på funktioner på GitHub.
Om du har problem med att använda insticksprogrammet kan du skicka en fråga till Stack Overflow med jquery och timepicker som taggar; jag eller någon från gemenskapen kommer säkert att hjälpa dig.
Oavsett om du skickar in en felrapport eller ber om hjälp på Stack Overflow, försök att inkludera ett exempel som visar ditt problem.