【问题标题】:jQuery datepicker not showing, initialization call is executedjQuery datepicker 未显示,执行初始化调用
【发布时间】:2016-08-16 15:12:46
【问题描述】:

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

【问题讨论】:

  • 在 jQuery-ui 之前是否包含了 jQuery?控制台有错误吗?
  • 在 jQuery-ui 之前我没有包含 jQuery...我现在(本地)。也没有控制台错误。但是还是不行。

标签: javascript jquery jquery-ui datepicker


【解决方案1】:

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

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

【讨论】:

  • 没错,我正要回答这个问题,无论如何,html 期望 id 属性是唯一的,这就是 jQuery 无法选择该元素的原因。你是完全正确的!
猜你喜欢
  • 2012-05-09
  • 1970-01-01
  • 1970-01-01
  • 2023-03-09
  • 1970-01-01
  • 1970-01-01
  • 2011-12-08
  • 2023-03-22
  • 1970-01-01
相关资源
最近更新 更多