Date Range Picker in 24 hour format

Question

I am using the Date Range Picker plugin for bootstrap and I am trying to get the values in 24hour format. I have set the option timePicker24Hour: true but it still doesn't return it in 24 hour format.

This is my code:

$("#reportdatetime").daterangepicker({
    timePicker: true,
    timePicker24Hour: true,
    timePickerIncrement: 30,
    locale: {
        format: 'MM/DD/YYYY h:mm'
    }
});

Fiddle: https://jsfiddle.net/rdawkins/k67xfa1g/1/

Arvind · Accepted Answer · 2016-04-02T14:10:59.607

35

Use the correct locale format.To display time in 24 hours format use the following -

$("#reportdatetime").daterangepicker({
    timePicker: true,
    timePicker24Hour: true,
    timePickerIncrement: 30,
    locale: {
        format: 'MM/DD/YYYY H:mm'
    }
});

working example : https://jsfiddle.net/Ly0jh5pz/2

edited Apr 02 '16 at 14:10

answered Apr 02 '16 at 13:18

Arvind

1,006
10
16

3

`H:MM` is incorrect. It should be `H:mm`. `MM` is used for months. – user3613129 Apr 02 '16 at 13:20
Perfect! Thank you so much Arvind – Apr 02 '16 at 13:21
1

you can use both H:mm and H:MM. – Arvind Apr 02 '16 at 13:24
2

Incorrect. Check your fiddle. `H:MM` is giving incorrect result by default in your minute field. Even though the minute input box shows 00, the value being set in the date field is that of the month. – user3613129 Apr 02 '16 at 14:04

score 5 · Answer 2 · answered Apr 02 '16 at 13:17

5

<script>
    $('#datepicker').daterangepicker({
        "timePicker": true,
        "timePicker24Hour": true,
        "startDate": "03/27/2016",
        "endDate": "04/02/2016"
        });
    });
</script>

answered Apr 02 '16 at 13:17

Hirendrasinh S. Rathod

824
6
11

sssD · Answer 3 · 2016-04-02T13:29:08.520

0

you can set AM/PM format into it if you want: here is some examples. Andhere is describing how to use moment formats.

edited Apr 02 '16 at 13:29

answered Apr 02 '16 at 13:23

sssD

25
5

Date Range Picker in 24 hour format

3 Answers3