Search code examples
javascripttwitter-bootstraptimepicker

Twitter Bootstrap timepicker without AM/PM button in View side

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

  • 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.