title: Bootstrap datetimepicker v4.x 12hr time not working
body: <p>I have been trying to get the datetimepicker of bootstrap v4.17.47 working to no avail.  When I set the <code>format</code>, I get only a 24 hour and minute, I can't seem to get a 12 hour time to work. </p>
  
  <p>Is there something else that needs to be setup? I'm sing bootstrap v3.3.2, and jQuery v2.2.3.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group"&gt;
      &lt;div class='input-group date' id='TheTime'&gt;
          &lt;input type='text' class="form-control" /&gt;
          &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-time"&gt;&lt;/span&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Below the JavaScript I set, but I don't get a popup that is 12 hours. With the below set, I get a popup that goes to 24 hours, but what appears in the time text box, is for example: pop-up says <code>21:00</code>, but the text box shows <code>9:00 tt</code>.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function ($) {
          $('#TheTime').datetimepicker({
              format: 'hh:mm tt'
          });                        
      });
  &lt;/script&gt;
  </code></pre>