jquery - 没有触发器的jQuery Datepicker

Question

我希望在页面上显示一个 jQuery 3 个月日历。用户将选择某个日期并单击按钮以查看时间表。

我尝试使用下面的 jQuery 代码

<input type="text" id="dp-text-box" />

$("#dp-text-box").datepicker({               
            numberOfMonths: 3,               
            dateFormat:'yy/mm/dd'
        });

但是它会显示文本框，用户必须单击才能打开日期选择器。

但在我的情况下，我应该显示日期选择器默认值并允许用户导航。

请找到我需要的附加图像。

Answer 1

从说明书来看，

显示嵌入页面而不是覆盖的日期选择器。只需在 div 而不是输入上调用 .datepicker()

HTML

<div id="datepicker"></div>

jQuery

$( "#datepicker" ).datepicker({
    numberOfMonths: 3,
    onSelect : function( selDate, instance){
        alert(selDate);
    }
});

注意：onSelect位未经测试，但应该可以工作。

Answer 2

使用 div 代替文本框

javascript

$(function() {
    $( "#datepicker" ).datepicker();
});

html

<div id="datepicker"></div>