Как добавить разделитель между временем и меридием (AM? PM) в clockpicker?

Question

Я использую clockpicker для выбора времени и тем, что я использовал параметр twelvehour:true, который отображает время с AM/PM. Теперь дисплей времени, используя его, как

11:55AM ==> 11:55 AM 

, тогда как я хочу разделитель между временем и полудня

Итак, есть событие beforeDone/afterDone, но ни одного примера дано так не получаю, как использовать это событие изменить значение?

Как я могу отделить между временем и меридием (AM? PM) в clockpicker? Спасибо

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 = немного, чтобы получить ссылку на clockpicker, чтобы я мог изменить его значение, чтобы включить Seperator. Я попытался использовать $ (this) .val(), но, похоже, он ссылается на $ (window).

Answer 2

Я добавил это как вариант, наряду с еще несколько с участием двенадцати часов времени здесь: https://github.com/diracleo/bootstrap-clockpicker