Question

I’m giving a try on a open source time picker of jQuery library (ptTimeSelect). I have placed the code in the header of my php file but once I click on the field to show time, it doesn’t appear.

Header to call out:

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.ptTimeSelect.js"></script>
<link href="css/jquery.ptTimeSelect.css" rel="stylesheet" type="text/css">

$('#Time').ptTimeSelect({
popupImage: 'Select Time'
});

Updated Body Code:

<input name="Time" id="Time" class="jquery.ptTimeSelect"/>

It does show the time now. but the pattern is distorted.

Or anyone can advise if there is any good open source for time picker only.

Thanks

Answer 1

You don’t need the onclick event, just use it like this:

JS:

$(document).ready(function(){
  $('#time').ptTimeSelect({
    popupImage: 'Select Time'
  });
});

HTML:

<input name="Time" id="time" />

Didn’t used the plugin though, hope I helped anyway.