title: Disable input field with datetimepicker
body: <p>I have the following html for my bootstrap datetimepicker. I want to disable the <code>&lt;input&gt;</code> and force the user to make use of the datetimepicker. I've tried using <code>disabled</code> and <code>readonly="readonly"</code> attribute. But after adding the attribute, my datetimepicker doesn't work. Any suggestions?</p>
  
  <pre><code>&lt;div class='input-group date' id='startDate'&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; 
  
   $('#startDate').datetimepicker({
      format: "YYYY-MM-DD",
      useCurrent: true,
      viewMode: "days"
   });
  </code></pre>