Date Range Picker in 24 hour format

user5563910 picture user5563910 · Apr 2, 2016 · Viewed 23.3k times · Source

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/

Answer

Arvind picture Arvind · Apr 2, 2016

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