Javascript 如何在时钟选择器中添加时间和时间（AM？PM）之间的分隔符？

我使用的是时间选择，因此我使用了

tweevehour:true

参数，该参数以am/PM显示时间。现在使用它的时间显示如下

11:55AM ==> 11:55 AM

而我想在时间和梅里迪姆之间划清界限

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

---

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

使用afterDone看起来是添加分隔符的最简单方法。看起来afterDone只是您在将输入字段设置为时钟选择器时设置的一个属性（与您告诉它的位置相同

tweevehour:true

）。我发现此页面有助于显示事件：

我为你做了这个。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（），但它似乎引用了$（窗口）

使用afterDone看起来是添加分隔符的最简单方法。看起来afterDone只是您在将输入字段设置为时钟选择器时设置的一个属性（与您告诉它的位置相同

tweevehour:true

）。我发现此页面有助于显示事件：

我为你做了这个。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（），但它似乎引用了$（窗口）

我添加了这个选项，还有一些涉及12小时时间的选项：

我添加了这个选项，还有一些涉及12小时时间的选项：

我有大约6个输入字段，所以我使用了类var input=$（'.input-a'），所以它不适用于所有输入。啊，对于多个字段，我将使用jQuery each（）。我更新了上面的代码和JSFIDLE。基本上，我已经移动了一个each函数中的所有内容，该函数在某个更高级别的容器（.container）上循环。然后在每个循环上，设置时钟选择器，并将按钮的事件绑定。如果不使用按钮，则可以直接循环输入。e、 g.$（'input'）.each（function（）{var clockpicker=$（this）.clockpicker（{….我可以将它用于任何输入吗？还可以更新fiddle吗？谢谢，你已经更新了fiddle。太棒了，它正在工作。谢谢：）。不客气。如果您需要我解释更多的代码，请告诉我。我有大约6个输入字段，因此我使用了类var input=$（'.input-a'），因此它不适用于所有输入。啊，对于多个字段，我将使用jQuery each（）。我更新了上面的代码和JSFIDLE。基本上，我已经将循环到某个更高级别容器（.container）上的每个函数中的所有内容都移动了。然后在每个循环中，设置时钟选择器并绑定按钮的事件。如果不使用按钮，则可以/可以/直接循环输入。例如，$（'input'）。each（function（）{var clockpicker=$（这个）。clockpicker（{…，我可以在任何输入中使用它吗？你也可以更新fiddle吗？谢谢，你已经更新了fiddle。太棒了，它正在工作。谢谢：）。不客气。如果你需要我解释更多的代码，请告诉我。