DateTimePicker time picker in 24 hour but displaying in 12hr

Question

I m using the bootstrap ready date time picker from http   eonasdan github io bootstrap-datetimepicker  and it s working nicely but for one issue  I have a picker setup just from time as so     function              startTime   endTime   datetimepicker           format   hh mm           pickDate  false          pickSeconds  false          pick12HourFormat  false                           This sets the picker to 24 hour so I can select 19 00 as a time  But when I choose this time it displays as 07 00 in the input box  Here is the setup displaying the picker         lt div class  input-group date timePicker  id  endTime  gt           lt input type  text  class  form-control  readonly  true              id  endTimeContent    gt   lt span class  input-group-addon  gt  lt span             class  glyphicon glyphicon-time  gt  lt  span gt   lt  span gt       lt  div gt    Is there a specific data-format I can use for 24 hour in the input box

User · Answer

Meridian pertains to AM PM  by setting it to false you re indicating you don t want AM PM  therefore you want 24-hour clock implicitly       timepicker1   timepicker  showMeridian false

User · Answer

this will display current ate  amp  time  Working on my side perfectly      datePicker   datetimepicker       format   DD-MM-YYYY HH mm A       defaultDate  new Date

User · Answer

To show the correct 24H format  for example  only put     function              date   datetimepicker            format   DD MM YYYY HH mm

User · Answer

Because the picker script is using moment js to parse the format string  you can read the docs there for proper format strings   But for 24Hr time  use HH instead of hh in the format     function              startTime   endTime   datetimepicker           format   HH mm           pickDate  false          pickSeconds  false          pick12HourFormat  false

User · Answer

The catch is that hh is for format 12 hours and HH is for 24 hours  24 hour format   function              customElement   datetimepicker           format   HH mm                           12 hour format   function              customElement   datetimepicker           format   hh mm

User · Answer

With seconds       Timestamp   datetimepicker       format   DD MM YYYY HH mm ss        To skip future dates     function          var date   new Date        var currentMonth   date getMonth        var currentDate   date getDate        var currentYear   date getFullYear            datetimepicker  datetimepicker1   datetimepicker           pickTime  false          format   DD-MM-YYYY             maxDate  new Date currentYear  currentMonth  currentDate   1

User · Answer

I don t understand why the other friends tell you use HH  But after I test so many time  The correct 24 hour format is       hh      I see it from   http   www malot fr bootstrap-datetimepicker   I don t know why they don t use the common type HH for 24 hour       I hope anyone could tell me if I m wrong

User · Answer

DD MM YYYY hh mm A          12 hours                                    DD MM YYYY HH mm A          24 hours

User · Answer

Perfectly worked for me jQuery   datetimepicker1   datetimepicker       use24hours  true         format   quot YYYY-MM-DD HH mm  quot       defaultDate  new Date

User · Answer

Just this     function              date   datetimepicker            format   H m                  i use v4 and work well

User · Answer

You can also use the parameters  use24hours  and  language  to do this  as follows    x000D   x000D    function      x000D          datetime   datetimepicker   x000D          language   pt-br   x000D          use24hours  true  x000D          x000D      x000D   x000D   x000D

User · Answer

function              startTime   endTimeContent   datetimepicker           format   HH mm           pickDate  false          pickSeconds  false          pick12HourFormat  false                           your selector seems to be wrong please check it

User · Answer

I know it s been quite some time since the question was asked  However  if it helps anyone this worked for me      function             datetimepicker   datetimepicker           format   MM-DD-YYYY HH mm

[jquery] DateTimePicker time picker in 24 hour but displaying in 12hr?

Examples related to jquery

Examples related to twitter-bootstrap

Examples related to datetimepicker