绑定到类时 JQuery UI 日期选择器不工作

2024-01-26

我有这个代码:

<html>
<head>
  <link type="text/css" href="css/blitzer/jquery-ui-1.7.2.custom.css" rel="stylesheet" />   
  <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
  <script type="text/javascript">
$(function() {
  $('.hasDatepicker').datepicker();
});
</script>
</head>
<body>
<p>date: <input type="text" name="data" class="hasDatepicker" /></p>
<input type="submit" value="send" />
</div>
</body>
</html>

当我单击输入字段时,没有任何反应。不过,日期选择器已初始化,当我在 Firebug 中检查 DOM 时,我得到了id="dp1260260566059"添加到我的<input>元素。

更改后html and js to use id属性而不是class,所以在我的代码中有这个:

$(function() {
  $('#hasDatepicker').datepicker();
});

and

<p>date: <input type="text" name="data" id="hasDatepicker" /></p>

一切正常。

JQuery UI 中的日期选择器不能适用于某个类的所有元素吗?


如果您将输入字段的类名从“hasDatePicker”更改为其他名称,请检查日期选择器是否正常工作。原因是,当使用以下代码将日期选择器添加到输入字段时:

$(function() {
  $('#date').datepicker();
});

它将类名“hasDatePicker”添加到输入字段。 (这是你正在使用的)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

绑定到类时 JQuery UI 日期选择器不工作 的相关文章