Twitter Bootstrap timepicker without AM/PM button in View side

Question

I have this timepicker with bootstrap: Demo

Now I whant to hide AM/PM, is it possible to do with javascript. Or I will have to remove it from bootstrap.timepicker.js?

I have try with this:

$('#timepicker1').timepicker({
    defaultTime: 'value',
    minuteStep: 1,
    disableFocus: true,
    format: 'HH:mm',
    template: 'dropdown'
});

But this is not working.

Realy thanks for any help

Solution 1

Add option showMeridian as follows,

$('#timepicker1').timepicker({
    defaultTime: 'value',
    minuteStep: 1,
    disableFocus: true,
    template: 'dropdown',
    showMeridian:false
});

This property has default value as true which makes the API to operate in 12hr mode. By setting it to false turns it to operate in 24hr mode.

Solution 2

Unforunately, your library doesn't have format option, but you can use 24-hour format:

showMeridian: false

I've updated your jsfiddle: http://jsfiddle.net/C3b4t/69/

If you want to use 'format' parameter I would suggest you to use datetimepicker: Bootstrap datetimepicker