Um jQuery Timepicker zu verwenden, müssen Sie zwei Dateien einbinden: jquery.timepicker.min.js und jquery.timepicker.min.css. Wenn Sie dann ein <input>-Element mit der Klasse timepicker in Ihrem Dokument haben, können Sie den Code auf der rechten Seite verwenden (oder den Code unten, wenn Sie auf einem Handy lesen), um das Plugin zu initialisieren.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Installation
Das Plugin ist aus verschiedenen Quellen erhältlich, wählen Sie diejenige, die besser zu Ihrem Projekt passt!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker ist in cdnjs verfügbar. Um eine Liste aller verfügbaren Versionen und Dateien zu erhalten, gehen Sie zu https://cdnjs.com/libraries/timepicker. Alternativ können Sie auch den folgenden Code verwenden, um nur das erforderliche Stylesheet und Skript in Ihre Website einzubinden.
Fügen Sie den folgenden Code in das <head>-Element Ihrer Seite ein:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Fügen Sie den folgenden Code vor dem </body>-Tag ein:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Download
Die neueste Version von jQuery Timepicker steht auch auf GitHub zum Download bereit.
Konfiguration
jQuery Timepicker bietet mehrere Konfigurationsmöglichkeiten. Verwenden Sie die untenstehende Demo, um das Verhalten an Ihre Bedürfnisse anzupassen. Wenn Sie an einer detaillierten Beschreibung der einzelnen Optionen interessiert sind, gehen Sie bitte auf die Optionsseite.
$('.timepicker').timepicker({ }); Hilfe & Fehlerberichte
Sie können Fehlerberichte und Funktionsvorschläge auf GitHub veröffentlichen.
Wenn Sie Probleme mit dem Plugin haben, stellen Sie bitte eine Frage an Stack Overflow und verwenden Sie dabei die Tags jquery und timepicker; ich oder jemand aus der Community wird Ihnen sicher helfen.
Ob Sie einen Fehlerbericht einreichen oder bei Stack Overflow um Hilfe bitten, versuchen Sie bitte, ein Beispiel beizufügen, das Ihr Problem veranschaulicht.