title: How to auto format clockpicker?
body: <p>I am using clockpicker(<a href="https://github.com/weareoutman/clockpicker" rel="nofollow">https://github.com/weareoutman/clockpicker</a>) and I want to auto format time when type input field.</p>
  
  <p>Here is the clockpicker code:</p>
  
  <pre><code>$('.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));
      }
  });
  </code></pre>
  
  <p>This is the jsfiddle for demo:  <a href="http://jsfiddle.net/1e71occs/4/" rel="nofollow">http://jsfiddle.net/1e71occs/4/</a></p>
  
  <p>For example jquery time picker provide an option to format. Here is the <a href="http://www.jqueryscript.net/demo/Easy-jQuery-Time-Picker-Formatting-Plugin-Timepicker/" rel="nofollow">link</a> of example</p>
  
  <p><strong>Expected OUTPUT</strong></p>
  
  <p>if user enter:</p>
  
  <pre><code>1234 =&gt; 12:34 AM
  1234p =&gt; 12:34 PM
  </code></pre>
  
  <p>How can I format entered time in clockpicker?</p>
  
  <p>Thanks</p>