How to show the jQuery bootstrap-datetimepicker on mouse over

Question

It is cool http://tarruda.github.io/bootstrap-datetimepicker/ I am using...

I do like

$('#ExpectedEndingTimeDataPicker').mouseover(function () {
     $("#ExpectedEndingTimeDataPicker").datepicker();
});

But no joy... it is showing when click the input tag only...

HTML

<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">

Answer 1

According to the documentation ( github link ), use

$('#ExpectedEndingTimeDataPicker').data("DateTimePicker").show();

inside your mouseover handler.

Answer 2

 $('#ExpectedEndingTimeDataPicker').mouseover(function () { $(this).data('daterangepicker').show(); });