javascript - 使用日期选择器

Question

我想添加日期选择器，但它应该处于隐藏状态。点击 div 它应该显示 datepicker。就像在输入标签上一样。我曾尝试使用按钮文本和图标来显示它，但在没有输入字段的情况下无法显示它。

Answer 1

你可以这样做：

HTML：

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

JS/jQuery：

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

示例 jsFiddle：http: //jsfiddle.net/aztechy/dpAWV/