如何显示jquery日期选择器？

Question

我正在尝试在侧边栏中显示JQuery ui datepicker日历，我希望日历能够显示所有时间。 目前，只有当字段获得焦点或单击图标时，我才能够做到这一点。

如何让日历在不等待焦点事件的情况下显示在侧栏中并在选择日期时消失？

Answer 1

呼叫datepicker()一个DIV，而不是输入。

http://jqueryui.com/demos/datepicker/#inline

从jQuery UI的网站：

<script> 
$(function() { 
    $("#datepicker").datepicker(); 
}); 
</script> 
<div class="demo"> 
    Date: <div id="datepicker"></div> 
</div> 

Answer 2

退房inline mode