title: How to disable Bootstrap datetimepicker
body: <p>I am using the Bootstrap datatimepicker (<a href="https://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow noreferrer">https://eonasdan.github.io/bootstrap-datetimepicker/</a>). I'd like to disable the datetimepicker on page load. </p>
  
  <pre><code>$(document).ready(function () {
      $('#datetimepicker1').datetimepicker({
          defaultDate: new Date(),
          format: 'DD/MM/YYYY hh:mm:ss A'
      });
  });
  
  &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;
  </code></pre>
  
  <p>I have tried <code>$('#datetimepicker1').prop('disabled', true)</code> and <code>$('#datetimepicker1').disable()</code> from (<a href="http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#disable" rel="nofollow noreferrer">http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#disable</a>). Neither work. So what is the best way to do it?</p>