在Bootstrap timepicker中更改小时格式

Question

我们正在使用Bootstrap timepicker，我们可以找到here

现在我们正在使用它像$('#timepicker1').timepicker();

所以它以这种方式显示时间戳

现在我们对时间格式有一些依赖性所以我们想要的是小时部分，如果它有单个数字的值，假设8所以它应该显示为08。

我正在看框架选项，但没有找到任何。

Answer 1

$('#timepicker1').timepicker().on('changeTime.timepicker', function(e) {
    var hours=e.time.hours, //Returns a string
        min=e.time.minutes,
        merdian=e.time.meridian; 

    if(hours.length==1){
        $('#timepicker1').timepicker('setTime', '0'+hours+':'+min+' '+merdian);

}

我认为这应该有所帮助。 :)

Answer 2

希望我不会太迟。尝试使用TimePicker的更改方法：

$('#timepicker1').timepicker().on('changeTime.timepicker', function(e) {
    var timePicked = $('#timepicker1').val();

    if(timePicked.length < 8)   
        $('#timepicker1').val("0" + timePicked);
});

Answer 3

我已经看过它了，因为那个特定的选择器不再被维护，并且没有你所寻找的功能，看起来你将不得不分叉项目并让你的手弄脏实现样式。或者使用另一个选择器。

就个人而言，我会把时间段说成1小时，如果你的时间不够，看看你是否可以完成它，否则使用另一个组件。

Answer 4

$('#timepicker1').timepicker().on('changeTime.timepicker', function(e) {
    var hours=e.time.hours, //Returns an integer
        min=e.time.minutes,
        merdian=e.time.meridian;
    if(hours < 10) {
        $(e.currentTarget).val('0' + hours + ':' + min+' '+merdian);
    }
});