jQuery timepicker time format not working

Question

I have a timepicker form element:

<input type="text" name="start_time" class="timepicker" placeholder="Start Time*" required>

which I'm trying to format but it's not working:

I followed the documentation and added timeFormat like so:

  $('input.timepicker').timepicker({
    interval: 30,
    minTime: '8:00 am',
    maxTime: '11:30 pm',
    startTime: '8:00 am',
    timeFormat: 'h:mm p',
    dynamic: true,
    dropdown: true,
    scrollbar: true
  });

So I don't understand why it's not working. Any help would be appreciated!

Answer 1

Steps to change Time Format of TimePicker widget

In the HTML page, add a <input> element to configure TimePicker widget. // Change time format for TimePicker controls as follows. $(function () { $('#time'). ejTimePicker({ timeFormat: "h:mm:ss tt" }); });