Set a default time for a field in a bootstrap datetime
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
  $('.date').datetimepicker({
    format: 'YYYY-MM-DD HH:mm:ss'
  });
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/&gt;
&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"&gt;&lt;/script&gt;
&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"&gt;&lt;/script&gt;


&lt;div class="container panel"&gt;
&lt;div class="container panel-heading"&gt;&lt;h1&gt;
&lt;/h1&gt;Choose time&lt;/div&gt;
&lt;/div&gt;
  &lt;div class="container panel-body"&gt;
    &lt;div class="row"&gt;
      &lt;div class='col-sm-6'&gt;
        &lt;div class="form-group"&gt;
          &lt;label&gt;Start time&lt;/label&gt;
          &lt;div class='input-group date' id='datetimepicker1'&gt;

            &lt;input type='text' class="form-control" /&gt;
            &lt;span class="input-group-addon"&gt;
                        &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="form-group"&gt;
          &lt;label&gt;End time&lt;/label&gt;
          &lt;div class='input-group date' id='datetimepicker2'&gt;

            &lt;input type='text' class="form-control" /&gt;
            &lt;span class="input-group-addon"&gt;
                        &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>I'd like to set a default time for the two datetimepickers below. The first (<strong>Start time</strong>) should be 00:00:01 unless otherwise specified (by the user). The second (<strong>End time</strong>) should be 23:59:59 unless otherwise specified (by the user).</p>

<p><code>datetimepicker</code> seems to provide a <em>default date</em> option, but no <em>default time</em> option.</p>