javascript - jQuery datepicker 未显示，初始化调用已执行

Question

我的 jQuery 日期选择器已停止工作...单击输入字段时不再显示日期选择器。没有控制台错误。

我已经检查过解决方案 here 。

所以我尝试添加新的 CSS 样式: <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">

这没有帮助。

另一个建议的解决方案是检查 clip: rect(0 0 0 0); 是否重复出现，但事实也并非如此。

我还尝试显式调用 show()初始化后在输入字段上，但这也没有帮助。

我还检查了 HTML，但我找不到日期选择器的 HTML，所以我什至看不到分配了哪些类以及这是否会造成困惑。

这是我的代码:

(我添加了一个断点并执行 .datepicker 调用。)

<input name="ctl00$CPHCenter$tbReservationDate" type="text" maxlength="14" id="tbReservationDate" class="textbox" placeholder="Datum Reservering" style="width:80%;">

<script>
$(function () {
    $("#tbReservationDate").datepicker({ dateFormat: 'dd-mm-yy', firstDay: 1 });
    //$("#tbReservationDate").show();
});     
</script>   

Answer 1

您的 html 中有两个带有 id="tbReservationDate" 的元素。

出现在 DOM 中的第一个是弹出窗口中的那个(日期选择器在那里工作)。更改id或使用类来初始化datepicker。