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

标签 javascript jquery jquery-ui datepicker

我的 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>   

最佳答案

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

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

关于javascript - jQuery datepicker 未显示,初始化调用已执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38978532/

相关文章:

javascript - Web 方法中的可选参数

javascript - jQuery 等待上面的代码执行完成

javascript - jQuery 文本编辑器 (JQTE)

jQuery UI 的可拖动文本字段

javascript - 当我按相同的属性进行过滤时,如何查看已过滤的对象数组中属性的变化?

javascript - 将流类型 React 组件转换为 JSX - React

javascript - Installshield javascript 中的密码验证和警报消息

javascript - 如何使用 Angular 5 构建 Chrome 扩展

javascript - jqgrid 中带有自定义函数调用的超链接/按钮

javascript - jquery ui.slider : add click event to display/hide handle