如何在时间和子午线(AM?PM)在时钟选择器中

Question

我正在使用时钟选择器进行时间选择，并且我使用了twelvehour:true参数，该参数显示带有AM/PM的时间。现在使用它的时间显示就像

11:55AM ==> 11:55 AM

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

所以

，在完成之前/之后有一个事件，但没有给出示例，所以不知道如何使用该事件来更改值？

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

Answer 1

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

我 http://jsfiddle.net/1e71occs/4/为你做了这个jsfiddle。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 =位才能获得对时钟选择器的引用，以便我可以更改其值以包含分隔器。我尝试使用 $（this）.val（），但它似乎指的是 $（窗口）。

Answer 2

我添加了这个选项，以及这里涉及十二小时时间的更多选项：https://github.com/diracleo/bootstrap-clockpicker