Javascript jQuery UI:日期选择器显示不正确

我正在尝试使用

$( "#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（将日期选择器附加到div）：

日期选择器如下所示：

---

有人知道这里可能有什么问题吗？

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

原始元素选择器和小部件html本身是不同的

尝试：

---

尝试使用以下命令更正语法：

$（'#TextFieldID'）.datepicker（）我没有使用文本字段来显示日期选择器。我想用按钮代替。按一下按钮，我正在调用上面的代码。对不起，我以前没有显示完整的代码。请检查编辑的版本。同样，在代码中也会出现同样的问题。建议您在jsfiddle.net中创建一个演示来复制这个问题。可以从api文档的底部获取jQuery UI css url以用于外部资源hanks，问题已解决：我已将tbody设置为css中的“display:table”。将它放回“显示：表行组”修复了它。
<div id="datepicker"></div>

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

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