title: How to show the jQuery bootstrap-datetimepicker on mouse over
body: <p>It is cool <a href="http://tarruda.github.io/bootstrap-datetimepicker/" rel="nofollow">http://tarruda.github.io/bootstrap-datetimepicker/</a> I am using...</p>
  
  <p>I do like </p>
  
  <pre><code>$('#ExpectedEndingTimeDataPicker').mouseover(function () {
       $("#ExpectedEndingTimeDataPicker").datepicker();
  });
  </code></pre>
  
  <p>But no joy... it is showing when click the <code>input</code> tag only...</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input class="form-control dataPickerField valid" 
         data-val="true" 
         data-val-required="The Expected Ending Time field is required." 
         id="ExpectedEndingTimeDataPicker" 
         name="Requsition.ExpectedEndingTimeAsString" 
         readonly="True" type="text" value="17.01.2014"&gt;
  </code></pre>