title: How to avoid displaying the bootstrap clockpicker when its input is disabled?
body: <p>I'm using the <a href="https://weareoutman.github.io/clockpicker/" rel="nofollow noreferrer">clockpicker</a> plugin in a page the clock can be enabled or disabled dinalically without reloading the entire page. So, when I load the page I initialize only if its enabled.</p>
  
  <pre><code>$(document).ready(function () {  
      configureClockPickers();
  });
  
  function configureClockPickers(){
      $('.clockpicker').each(function(){
          $(this).clockpicker({autoclose: true});
      }
  }
  </code></pre>
  
  <p>if the input is dinamically enabled (calling again to my function configureClockPickers() the clock is displayed perfectly.</p>
  
  <p>Problem appears when the inputs is dinalically disabled. I don't know how to stop displaying the clock when the clock icon is clicked (if the disabled input is clicked no clock is displayed).</p>
  
  <p>My clock is generated as follows:</p>
  
  <pre><code>&lt;div id="clock" class="input-group clockpicker" data-placement="left" data-align="top"&gt;
      &lt;form:input path="clock1" id="clock1" type="text" cssClass="form-control inputForm inputClock"/&gt;    
      &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-time"&gt;&lt;/span&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any idea?</p>
  
  <p>Thank you so much!</p>