Javascript 在<；上使用日期选择器；部门>；

我想在上添加datepicker，但它应该处于隐藏状态。单击div时，它应该显示datepicker。就像输入标签一样。

---

我尝试使用按钮文本和图标来显示它，但在没有输入字段的情况下无法显示它。

您可以执行以下操作：

HTML:

---

示例JSFIDLE:

查看您正在试用的代码会有所帮助。这实际上不起作用。它以内联方式显示日期选择器，而不是覆盖在输入框旁边的页面上。

<div id="control">Click for calendar</div>
<div id='dp'></div>

var cal = $('#dp').datepicker();
cal.hide();
$('#control').on('click', function() {
    if (cal.is(':hidden')) {
        cal.show();
    } else {
        cal.hide();
    }
});​​​​​​​​​​​