如何显示在DIV上的鼠标上的jQuery datepicker?

问题描述:

我在我的HTML中定义了一个div。我希望datepicker在用户鼠标悬停DIV时显示。当用户选择一个日期时,我会在内部处理它。如何显示在DIV上的鼠标上的jQuery datepicker?

<div id="dp-trigger">Text text</div> 

JS是这样的:

$("#dp-trigger").datepicker({ 
    minDate: -1, 
    maxDate: "+2M", 
    onSelect: function (dateText, inst) { 
     // Do something with the date here. 
    } 
}); 

$('#dp-trigger).mouseover(function() { 
    $("#epgGridDate").datepicker("show"); 
}); 

我可以看到鼠标悬停火,但从来没有看到日期选择器。这可以做到吗?

你错过了搞乱javascript的结束报价。

$('#dp-trigger').mouseover(function() { 

否则它工作正常http://jsfiddle.net/7g658/2/

+0

在我的代码有该元素的名称,它围绕关闭报价。然而,我在jsfiddle中看到,你没有$(“#epgGridDate”)。datepicker(“show”);只是$(“#epgGridDate”)。datepicker(); - 拿出“秀”为我修好了。谢谢! – 2012-03-14 12:17:04