Question

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

11:55AM ==> 11:55 AM

而我想要在时间和经验之间使用分隔符

所以，有一个事件在Before / afterDone之前但没有给出示例，所以没有得到如何使用该事件来改变值？

如何在clockpicker中分隔时间和meridiem（AM？PM）？感谢

Answer 1

使用afterDone看起来是添加分隔符的最简单方法。看起来像afterDone只是当你将输入字段设为clockpicker时设置的属性（在同一个地方你告诉它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（）但它似乎引用了$（窗口）。

Answer 2

我添加了这个选项，还有几个涉及12小时的时间：https://github.com/diracleo/bootstrap-clockpicker

如何在clockpicker中的时间和meridiem（AM？PM）之间添加分隔符？

2 个答案: