如何在鼠标悬停时显示jQuery bootstrap-datetimepicker

时间:2014-01-17 18:14:24

标签: javascript jquery datetimepicker onmouseover bootstrap-datetimepicker

很酷http://tarruda.github.io/bootstrap-datetimepicker/我正在使用......

我喜欢

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

但是没有快乐......只在点击input标签时显示...

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

2 个答案:

答案 0 :(得分:1)

根据文档(github link),使用

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

在鼠标悬停处理程序中。

答案 1 :(得分:0)

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