JQuery UI datepicker在绑定到类时不起作用

Question

我有这个代码：

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

当我单击输入字段时，没有任何反应。 虽然初始化了id="dp1260260566059" ，当我在Firebug中检查DOM时，我将id="dp1260260566059"添加到我的<input>元素中。

更改html和js后使用id属性而不是class ，所以在我的代码中有这个：

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

和

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

一切正常。

来自JQuery UI的datepicker不能为某些类的所有元素工作吗？

Answer 1

如果您将输入字段的类名从“hasDatePicker”更改为其他内容，请检查日期选择器是否有效。 原因是，使用以下代码将datepicker添加到输入字段时：

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

它将类名“hasDatePicker”添加到输入字段。 （这是你使用的那个）

Answer 2

不要使用hasDatepicker作为日期选择器的类名。 使用其他名称，例如date_picker 。

JQuery将类hasDatepicker添加到hasDatepicker （）的元素中。 如果元素已经具有类hasDatepicker ，则hasDatepicker （）函数不执行任何操作。 所以，只需使用不同的类名。

JQuery UI datepicker在绑定到类时不起作用

问题描述

2 个解决方案

解决方案1
28 已采纳 2009-12-08 08:35:31

解决方案2
2 2013-07-24 01:50:38

JQuery UI datepicker在绑定到类时不起作用

问题描述

2 个解决方案

解决方案1 28 已采纳 2009-12-08 08:35:31

解决方案2 2 2013-07-24 01:50:38

解决方案1
28 已采纳 2009-12-08 08:35:31

解决方案2
2 2013-07-24 01:50:38