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:

[![enter image description here](https://i.stack.imgur.com/YVTRL.png)](https://i.stack.imgur.com/YVTRL.png)

I followed the [documentation](http://timepicker.co/options/) 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!

[JSFiddle](https://jsfiddle.net/sbkbvym2/)