javascript - 第一次点击时日期选择器不显示

Question

我刚刚创建了一个简单的文本框，在其中绑定(bind)了.click事件来显示Datepicker，无论如何，似乎在首先单击Datepicker无法显示，但如果我单击控件外部，然后再次单击textbox，我可以看到Datepicker，我想知道为什么会发生这种情况？

在这里查看我的代码:

<input type="text" id="calendar" placeholder="calendar">

$(function()
{
    $('#calendar').click(function()
    {
        $(this).datepicker();
    });
});

FIDDLE.

Answer 1

您正在通过单击文本框来初始化日期选择器。如果您想在页面加载后立即打开日期选择器，则必须在文档就绪方法上进行初始化

将初始化代码更改为

$(function()
{
    $('#calendar').datepicker();
});

供您引用fiddler已更新