在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);
    }
});

Answer 5

我有同样的问题。但是我已经为时间选择器创建了代码。对于多个时间选择器，我也将非常有帮助。

此代码适用于01:00:00，这表示H：i：s

$('.timepicker').timepicker().on('changeTime.timepicker', function (e) {
    let timePicked = $(this).val();
    (timePicked.length < 8) ? $(this).val("0" + timePicked) : '';
});

此代码仅适用于H：i

$('.timepicker').timepicker().on('changeTime.timepicker', function (e) {
        let timePicked = $(this).val();
        (timePicked.length < 5) ? $(this).val("0" + timePicked) : '';
    });