javascript - 如何在时钟选择器中添加时间和子午线(AM？PM)之间的分隔符？

Question

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

11:55AM ==> 11:55 AM

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

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

如何在时钟选择器中分隔时间和子午线(AM？PM)？谢谢

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 = 位来获取对时钟选择器的引用，以便我可以更改其值以包含分隔符。我尝试使用 $(this).val() 但它似乎引用了 $(window)。