Namecheap.com - Cheap domain name registration, renewal and transfers - Free SSL Certificates - Web Hosting Namecheap.com - Cheap domain name registration, renewal and transfers - Free SSL Certificates - Web Hosting

jQtp

2012
May 05
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>

Your Reply