Para usar o jQuery Timepicker você precisará incluir dois arquivos: jquery.timepicker.min.js e jquery.timepicker.min.css. Então, assumindo que você tenha um elemento <input> no seu documento, com a classe timepicker, você pode usar o código à direita (ou o código abaixo, se você estiver lendo no celular) para inicializar o plugin.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Instalação
O plugin está disponível a partir de diferentes fontes, escolha a que melhor se adapta ao seu projecto!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker está disponível em cdnjs. Para obter uma lista de todas as versões e arquivos disponíveis, vá para https://cdnjs.com/libraries/timepicker. Alternativamente, use o código abaixo para incluir apenas a folha de estilo e o script necessários em seu site.
Colar o seguinte código dentro do elemento <head> da sua página:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Colar o seguinte código antes do elemento </body> tag:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Download
A última versão do jQuery Timepicker também está disponível para download no GitHub.
Configuração
jQuery O Timepicker oferece várias opções de configuração. Use a demonstração abaixo para ajustar o seu comportamento às suas necessidades. Se estiver interessado numa descrição detalhada de cada uma das opções disponíveis, por favor vá à página de opções.
$('.timepicker').timepicker({ }); Ajuda & Relatórios de Bug
Você pode postar relatórios de bugs e sugestões de recursos para o GitHub.
Se você estiver tendo problemas usando o plugin, por favor poste uma pergunta para Stack Overflow usando jquery e timepicker como tags; eu ou alguém da comunidade certamente ajudarei.
Se você estiver enviando um relatório de bug ou pedindo ajuda no Stack Overflow, por favor tente incluir um exemplo demonstrando seu problema.