For at bruge jQuery Timepicker skal du inkludere to filer: jquery.timepicker.min.js og jquery.timepicker.min.css. Hvis du derefter antager, at du har et <input>-element i dit dokument med klassen timepicker, kan du bruge koden til højre (eller koden nedenfor, hvis du læser på mobilen) til at initialisere plugin’et.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Installation
Plugin’et er tilgængeligt fra forskellige kilder, vælg den der passer bedst til dit projekt!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker er tilgængelig i cdnjs. Du kan få en liste over alle tilgængelige versioner og filer ved at gå til https://cdnjs.com/libraries/timepicker. Alternativt kan du bruge nedenstående kode til at inkludere kun det nødvendige stylesheet og script på dit websted.
Indsæt følgende kode inde i <head>-elementet på din side:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Indsæt følgende kode før </body>-tagget:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Download
Den nyeste version af jQuery Timepicker kan også downloades fra GitHub.
Konfiguration
jQuery Timepicker tilbyder flere konfigurationsmuligheder. Brug demoen nedenfor til at justere dens adfærd efter dine behov. Hvis du er interesseret i en detaljeret beskrivelse af hver enkelt af de tilgængelige muligheder, kan du gå til siden med indstillinger.
$('.timepicker').timepicker({ }); Hjælp & Fejlrapporter
Du kan skrive fejlrapporter og forslag til funktioner på GitHub.
Hvis du har problemer med at bruge plugin’et, bedes du sende et spørgsmål til Stack Overflow ved at bruge jquery og timepicker som tags; jeg eller en fra fællesskabet vil helt sikkert hjælpe dig.
Hvad enten du sender en fejlrapport eller beder om hjælp på Stack Overflow, skal du forsøge at inkludere et eksempel, der demonstrerer dit problem.