没有触发器的jQuery Datepicker

Question

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

我尝试使用下面的jQuery代码

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

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

但是它会显示文本框，用户必须单击才能打开datepicker。

但在我的情况下，我应该显示datepicker默认值并允许用户导航。

请找到我需要的附件图片。

Answer 1

从手册中，

  

显示页面中嵌入的日期选择器，而不是叠加层。只需在div上调用.datepicker（）而不是输入

HTML

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

的jQuery

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

注意：onSelect位没有经过测试，但应该有效。

Answer 2

使用div而不是textbox

的javascript

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

HTML

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