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
sakarya escort sakarya escort bayan sakarya escort serdivan escort sakarya escort sakarya escort serdivan escort
karasu escort akyazı escort serdivan escort akyazı escort ferizli escort sapanca escort serdivan escort söğütlü escort sakarya escort izmit escort arifiye escort erenler escort hendek escort kocaali escort pamukova escort taraklı escort geyve escort