如何自動格式clockpicker？

我正在使用clockpicker（https://github.com/weareoutman/clockpicker），我想在輸入字段時自動格式化時間。如何自動格式clockpicker？

這裏是clockpicker代碼：

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

這是爲演示了的jsfiddle：http://jsfiddle.net/1e71occs/4/

例如jquery的時間選擇器提供一個選項以格式。下面是例子的link

預期輸出

如果用戶輸入：

1234 => 12:34 AM 
1234p => 12:34 PM

我如何格式clockpicker輸入的時間？

謝謝

來源

2016-03-07 Bhumi Shah

請仔細閱讀你怎麼要問上做題。當提供jsFiddle時，您需要將代碼添加到您的問題。 – vaso123

請提供什麼是預期的輸出格式？ – vaso123

@lolka_bolka：已更新 –

Jquery的允許每個元素應用多個插件。

您可以同時使用clockpicker和timepicker如下

$('.container').each(function(){ 
    var clockpicker = $(this).find('input').clockpicker({ 
       autoclose: true, 
       twelvehour:true, 
       afterDone: function() { 
        clockpicker.val(clockpicker.val().slice(0,-2)+' '+clockpicker.val().slice(-2)); 
       } 
    }).timepicker({dropdown:false,defaultTime:''}); 
});

來源

2016-03-09 13:03:24

-1

ClockPicker是一開始爲Bootstrap設計的。所以Bootstrap（和jQuery）是唯一的依賴項。

由於它只使用.popover和一些.btn樣式的Bootstrap，我選擇了這些樣式來構建一個jQuery插件。對於非bootstrap項目，請隨意使用jquery- *文件而不是bootstrap- *。

https://weareoutman.github.io/clockpicker/

來源

2016-03-07 10:27:42

您是否正確閱讀我的問題？或者你沒有得到它？ –

如何自動格式clockpicker？

回答

相關問題