How can I correctly set the time of a dateTime field from a front-end form? I am using jQuery-timepicker to give the user an option to pick a starting time and ending time.

My init looks like this:

$('.timepicker').timepicker({
    scrollDefault: 'now'
});


When I save the entry as attached (screen below) it is displaying the time + 6 minutes.


My template looks like this:

&lt;input type="text" name="fields[myTimes][{{ block.id }}][fields][startDateTime][date]" class="form-control datepicker" value="{{ block.startDateTime|date('m/d/Y') }}"&gt;

&lt;input type="text" name="fields[myTimes][{{ block.id }}][fields][startDateTime][time]" class="form-control timepicker" value="{{ block.startDateTime|date('h:m') }}"&gt;

&lt;input type="text" name="fields[myTimes][{{ block.id }}][fields][endDateTime][time]" class="form-control timepicker" value="{{ block.endDateTime|date('h:m') }}"&gt;


When I save my form, everything looks like it is saving correctly, its always +6 min. I'm not sure what I am doing wrong.

Thank you for any suggestions!

EDIT

Here is another example. I have saved for 9:00PM - 10:00PM
It saves correctly, but the template shows +6 still. :)
Thank you everyone for your suggestions - I need to keep reading/digging more to fully understand, but it seems that it was just a formatting issue.

{{ block.startDateTime|date('H:i:s') }}


Renders the correct time on the template.