Bootstrap DateTimePicker sets time to midnight

Question

I am using a gwtbootstrap3 ( https://github.com/gwtbootstrap3/gwtbootstrap3 ) which includes a GWT wrapper for smalot's datetimepicker ( https://github.com/smalot/bootstrap-datetimepicker ).

The problem is: Whenever I select 12:00, the datetimepicker.getValue() returns a date with the correct year, month and day but with 00:00.

Everything else works just fine, so if I select 13:00 it returns 13:00 and so on. I assume this is a bug in the original javascript library or the version used in gwtbootstrap3 but can't figure out whats wrong as I don't really know how to debug the JS file.

I configure the datetimepicker as follows (GWT UIBinder):

<bDateTime:DateTimePicker ui:field="startDateTimePicker" forceParse="false" autoClose="true" startView="MONTH" minView="HOUR" maxView="MONTH" language="DE" format="dd.mm.yyyy HH:ii" minuteStep="60" highlightToday="true" showTodayButton="false"/>

Does anyone have any idea what could cause this problem and how to solve it?

Answer 1

I looked at the DateTime Picker website. I'm not sure if it would make a difference but, try

format="dd.mm.yyyy hh:ii"

Perhaps the uppercase 'HH' caused problems.

Edit: I see now that 'HH' is 12 hour while, 'hh' is 24 hour. I still believe that it would be the problem though.