jQuery - set am/pm format using jQuery timepicker Plugin with example

jQuery - set am/pm format using jQuery timepicker Plugin with example

In this tutorial, you will know how to use Timepicker with AM/PM dropdown using jQuery timepicker plugin.

jQuery timepicker is very lightweight timepicker plugin and you can easily use option given in timepicker method.

Passing option is not required with timepicker method is an optional parameters.

It's very easy to set up 12 hours time format with AM/PM using this timepicker plugin.

Following example will tell you how to use timepicker with am/pm dropdown option :

  1. <html lang="en">
  2. <head>
  3. <title>jQuery - set am/pm format using jQuery timepicker Plugin with example</title>
  4. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  5. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.css">
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.js"></script>
  7. </head>
  8. <body>
  9. <div class="container">
  10. <strong>Select Time : </strong>
  11. <input class="form-control" type="text" placeholder="click to show timepicker" id="example1">
  12. </div>
  13. <script type="text/javascript">
  14. $(document).ready(function () {
  15. $('#example1').timepicker();
  16. });
  17. </script>
  18. </body>
  19. </html>

Phone: (+91) 8800417876
Noida, 201301
ataşehir escort maltepe escort bostancı escort kadıköy escort maltepe escort ataşehir escort kurtköy escort kartal escort pendik escort ataşehir escort
şişli escort
pendik escort
izmir escort izmir escort izmir escort izmir escort denizli escort antalya escort antalya escort antalya escort izmir escort izmir escort izmir escort izmir escort izmir escort