jQuery UI：datepicker显示不正确

Question

我正在尝试使用

显示jQuery日期选择器

$( "#datepicker" ).datepicker({
    onSelect: function(dateText, inst) {
       self.afterSettingTheDate(model, dateGT, view);
       $("#datepicker").hide();
       $("#datepicker").datepicker('hide');
    }
}); 

$("#datepicker").datepicker('setDate', d);
$("#datepicker").show();
$("#datepicker").datepicker('show');

HTML（将datepicker附加到div）：

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

CSS：

#datepicker{
    width: 200px;
    height: 50px;
    right: 200px;
    top: 200px;
    position: fixed;
    display: none;
    z-index:1000001;
}

日期选择器显示如下：

有谁知道这里可能出现什么问题？

Answer 1

您应该使用datepicker API中提供的显示方法。

原始元素选择器和小部件html本身并不相同。

尝试：

$("#datepicker").datepicker( "show" );

See API Docs