just quick framework, jQ framework Just Quick framework, jQ framework
Integrate and Build Great Applications
Your Ad Here
  • Product
  • Board
  • About Us
  • Consult Us

jQuery Time Picker v0.1

Free!
Menu
  • jQTP Demonstration
  • jQuery Time Picker popup box (jQTP+jQpopup)

  • download
  • news
  • description
  • documentation
  • jQuery Time Picker v0.1
  • 2009/05/23 jQTP v0.1 released.
  • 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.

jQTP Documentation

You can check all code details in index.html.
If you have further questions, please contact us through our Knowledge Sharing Board.

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>

keyword

time picker, jquery time picker,javascript time picker


Your Ad Here
Your Ad Here
© 2009 jqframework.com
jQ framework CMS v5.0