Pour utiliser jQuery Timepicker, vous devrez inclure deux fichiers : jquery.timepicker.min.js et jquery.timepicker.min.css. Ensuite, en supposant que vous avez un élément <input> dans votre document, avec la classe timepicker, vous pouvez utiliser le code à droite (ou le code ci-dessous, si vous lisez sur mobile) pour initialiser le plugin.

$(document).ready(function(){ $('input.timepicker').timepicker({});});

Installation

Le plugin est disponible à partir de différentes sources, choisissez celui qui va mieux avec votre projet !

npm

npm i jquery-timepicker

Bower

bower install jquery-timepicker-wvega --save

cdnjs

jQuery Timepicker est disponible dans cdnjs. Pour obtenir une liste de toutes les versions et de tous les fichiers disponibles, rendez-vous sur https://cdnjs.com/libraries/timepicker. Alternativement, utilisez le code ci-dessous pour inclure juste la feuille de style et le script nécessaires dans votre site web.

Collez le code suivant à l’intérieur de l’élément <head> de votre page:

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

Collez le code suivant avant la balise </body>:

<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>

Téléchargement

La dernière version de jQuery Timepicker est également disponible en téléchargement sur GitHub.

Configuration

JQuery Timepicker offre plusieurs options de configuration. Utilisez la démo ci-dessous pour ajuster son comportement à vos besoins. Si vous êtes intéressé par une description détaillée de chacune des options disponibles, veuillez vous rendre sur la page des options.

 $('.timepicker').timepicker({ }); 

Aide & Rapports de bugs

Vous pouvez poster des rapports de bugs et des suggestions de fonctionnalités sur GitHub.

Si vous avez des problèmes pour utiliser le plugin, veuillez poster une question sur Stack Overflow en utilisant jquery et timepicker comme balises ; moi ou quelqu’un de la communauté vous aidera sûrement.

Que vous soumettiez un rapport de bogue ou que vous demandiez de l’aide sur Stack Overflow, essayez d’inclure un exemple démontrant votre problème.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.