如何在时钟选择器中添加时间和子午线（上午？下午）之间的分隔符？

Question

我正在使用 clockpicker 进行时间选择，因为我使用了 twelvehour:true 参数，它使用 AM/PM 显示时间。现在使用它的时间显示就像

11:55AM ==> 11:55 AM

而我想要时间和子午线之间的分隔符

那么，有一个事件 beforeDone/afterDone 但没有给出示例，所以不知道如何使用该事件来更改值？

如何在时钟选择器中分隔时间和子午线（上午？下午）？谢谢

Answer 1

使用 afterDone 看起来是添加分隔符的最简单方法。看起来 afterDone 只是您在将输入字段设置为时钟选择器时设置的属性（在您告诉它 twelvehour:true 的同一位置）。我发现此页面有助于显示事件：https://weareoutman.github.io/clockpicker/jquery.html

我为你做了这个 jsfiddle http://jsfiddle.net/1e71occs/4/。 JavaScript代码是：

$('.container').each(function(){
    var clockpicker = $(this).find('input').clockpicker({
        autoclose: true,
        twelvehour:true,
        afterDone: function() {
            console.log("after done");
            clockpicker.val(clockpicker.val().slice(0,-2)+' '+clockpicker.val().slice(-2));
        }
    });

  // Manual operations
    $(this).find('.button-a').click(function(e){
    // Have to stop propagation here
        e.stopPropagation();
        clockpicker.clockpicker('show').clockpicker('toggleView', 'minutes');
    });
    $(this).find('.button-b').click(function(e){
    // Have to stop propagation here
        e.stopPropagation();
        clockpicker.clockpicker('show').clockpicker('toggleView', 'hours');
    });

});

我必须执行 var clockpicker = 位来获取对 clockpicker 的引用，以便我可以更改其值以包含分隔符。我尝试使用 $(this).val() 但它似乎指的是 $(window)。

Answer 2

我将此添加为一个选项，以及其他几个涉及十二小时时间的选项：https://github.com/diracleo/bootstrap-clockpicker

如何在时钟选择器中添加时间和子午线（上午？下午）之间的分隔符？

How to add separator between time and meridiem(AM?PM) in clockpicker?

javascript

jquery

twitter-bootstrap-3

clockpicker