Käyttääksesi jQuery Timepickeria sinun täytyy sisällyttää kaksi tiedostoa: jquery.timepicker.min.js ja jquery.timepicker.min.css. Sitten, olettaen, että dokumentissasi on <input>-elementti, jonka luokka on timepicker, voit käyttää oikealla olevaa koodia (tai alla olevaa koodia, jos luet mobiililaitteella) lisäosan alustamiseen.
$(document).ready(function(){ $('input.timepicker').timepicker({});});Asennus
Lisäosaa on saatavilla eri lähteistä, valitse se, joka sopii paremmin projektiisi!
npm
npm i jquery-timepickerBower
bower install jquery-timepicker-wvega --savecdnjs
jQuery Timepicker on saatavilla cdnjs:ssä. Saat luettelon kaikista saatavilla olevista versioista ja tiedostoista osoitteesta https://cdnjs.com/libraries/timepicker. Vaihtoehtoisesti voit käyttää alla olevaa koodia sisällyttää verkkosivuillesi vain tarvittavan tyylitaulukon ja skriptin.
Liitä seuraava koodi sivusi <head>-elementin sisälle:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">Liitä seuraava koodi ennen </body>-tagia:
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>Lataus
JQuery Timepickerin uusin versio on ladattavissa myös GitHubista.
Konfigurointi
jQuery Timepicker tarjoaa useita konfigurointivaihtoehtoja. Käytä alla olevaa demoa säätääksesi sen käyttäytymistä tarpeittesi mukaan. Jos olet kiinnostunut yksityiskohtaisesta kuvauksesta jokaisesta käytettävissä olevasta vaihtoehdosta, siirry vaihtoehdot-sivulle.
$('.timepicker').timepicker({ }); Help &Vikailmoitukset
Voit lähettää vikailmoituksia ja toimintoehdotuksia GitHubiin.
Jos sinulla on ongelmia laajennuksen käytössä, lähetä kysymys Stack Overflow’hun käyttäen jquery ja timepicker tunnisteina; minä tai joku yhteisöstä auttaa varmasti.
Olitpa sitten lähettämässä vikailmoitusta tai pyytämässä apua Stack Overflow’ssa, yritä liittää mukaan esimerkki, joka havainnollistaa ongelmasi.