Jquery - Timepicker with AM PM Example code with demo using jQuery Timepicker Plugin

By Hardik Savani | June 24, 2016 | Category : Javascript jQuery JQuery UI

If you need to use am pm timepicker then you can choose jQuery Timepicker Plugin for getting timepicker. It's pretty simple to use as you can see bellow example. you can also you can set several options for timepicker, you can read more from here : timepicker.co.

So you have to just copy bellow code and run in your local system and check.....


<html lang="en">


<title>Jquery - Timepicker Example using jQuery Timepicker Plugin</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>

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

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



<div class="container text-center">

<h2>Jquery - Timepicker Example using jQuery Timepicker Plugin</h2>

<strong>Select Time:</strong> <input type="text" id="timepicker" class="from-control">


<script type="text/javascript">

$( "#timepicker" ).timepicker();




Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: