Как сделать автоматический формат clockpicker?

Question

Я использую clockpicker (https://github.com/weareoutman/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?

Благодаря

Answer 1

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:''}); 
}); 

Answer 2

ClockPicker был разработан для Bootstrap в самом начале. Таким образом, Bootstrap (и jQuery) является единственной зависимостью.

Поскольку он использовал только .popover и некоторые из .btn стилей Bootstrap, я выбрал эти стили для создания плагина jQuery. Не используйте jquery- * файлы вместо bootstrap- * для проекта без загрузки.

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