DOWNLOAD jQuery Time Picker v0.1 LICENSE jQac is distributed under the terms of the MIT license

DEMONSTRATION

Start Time: End Time:

NEWS

• 2009/05/23 jQTP v0.1 released.

DESCRIPTION

• Simple javascript Real Time Analog Clock.
• Simple Click to change the time.
• Easy to integate to your application.
• Easy to customize the look & feel.
• jQTP tested with IE6, IE7, IE8, FF3, Safari4, Google Chrome2.
• Lightweight time picker – The source file is just 5k!
• Free and Free of charge under the MIT License.

DOCUMENTATION

To initialize the jQTP

1. <script type=”text/javascript”>
2. $(document).ready(function() {
3. //initialize time picker object
4. $(“#jqtp_clock”).jqtp();
5. //if you don’t want to use real time function, use this function to reset the current time
6. $(“#jqtp_clock”).jqtp_reset();
7. //if you want the analog clock to be real time, call this function
8. $(“#jqtp_clock”).jqtp_realtime();
9. });
10. </script>

To pick time from a popup dialog box

1. //The original html element
2. <input type=”text” id=”appointment_start” size=”8″/>
3. //Here are the scripts you have to call when click the “Pick Time” button
4. <script type=”text/javascript”>
5. $(“#picktime”).click(function () {
6. $(“#appointment_start”).jqtp_object();
7. $(“#jqtp_clock”).jqtp_getTime();
8. });
9. </script>