Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 绑定到类时,JQuery UI日期选择器不工作_Javascript_Jquery_Jquery Ui_Datepicker - Fatal编程技术网

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

Javascript 绑定到类时,JQuery UI日期选择器不工作,javascript,jquery,jquery-ui,datepicker,Javascript,Jquery,Jquery Ui,Datepicker,我有这个密码: <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/javascrip

我有这个密码:

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

日期:

一切正常


JQuery UI中的datepicker不能用于某个类的所有元素吗

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

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

它将类名“hasDatePicker”添加到输入字段中。(您使用的是哪一个)

不要使用
hasDatepicker
作为日期选择器的类名。使用不同的名称,如
日期选择器


JQuery将类
hasDatepicker
添加到调用datepicker()的元素中。如果元素已经有类
hasDatepicker
,那么datepicker()函数什么也不做。所以,只需使用不同的类名

哇。谢谢。这很烦人,以这种方式造成名称冲突,却无法找出问题所在:)@sv_,谢谢!这是一个非常令人沮丧的问题。@hasDatePicker这个类名中的sv_确实让我挣扎了一个多小时。你的回答正好解决了我的问题。so+1
<p>date: <input type="text" name="data" id="hasDatepicker" /></p>
$(function() {
  $('#date').datepicker();
});