日期选择器不起作用[重复]
Posted
技术标签:
【中文标题】日期选择器不起作用[重复]【英文标题】：Datapicker don't work [duplicate] 【发布时间】：2015-02-26 10:25:32 【问题描述】：我想让 2 个数据选择器工作，但他们没有。我认为我的代码中的一切都很好，但我不知道为什么它不起作用。 我的代码有一部分：
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
$(function()
$( "#datepicker" ).datepicker();
);
</script>
</head>
<body>
<table>
<tr>
<td>Data1 :
<input type="text" id="datepicker"></td>
<td>Data2 :
<input type="text" id="datepicker"></td>
</tr>
</table>
<button>Next</button>
</body>
你能告诉我这段代码有什么问题吗？
【问题讨论】：
无效标记：重复相同的 ID。将其更改为class 而不是 id 并在上面的脚本中使用 . 点来引用它。
注意：没有doctype，也没有html标签。
两个具有相同 ID 的元素.. ssilas777 答案是解决方案。使用类..
【参考方案1】：
如 cmets 中所述，多个 Id 是无效标记。
为了完成这项工作，将 Id 更改为 class
<table>
<tr>
<td>Data1 :
<input type="text" class="datepicker"></td>
<td>Data2 :
<input type="text" class="datepicker"></td>
</tr>
</table>
并像这样更改 Jquery 选择器：
<script>
$(function()
$( ".datepicker" ).datepicker();
);
</script>
【讨论】：
只是截断代码并不是回答问题的好方法。你可以添加一些细节你做了什么使它正确？ @Jai 我没有完成，但在中间提交了。感谢您的宝贵时间:) 非常感谢 好的！但请务必始终添加详细信息，有时这样的答案也会遭到反对。【参考方案2】：<td>Data1 :
<input type="text" id="datepicker"></td>
<td>Data2 :
<input type="text" id="datepicker"></td>
这件事是错误的。您不能一次又一次地使用相同的 ID。如果您想多次使用相同的东西，请使用下面的类。
<td>Data1 :
<input type="text" class="datepicker"></td>
<td>Data2 :
<input type="text" class="datepicker"></td>
<script>
$(function()
$( ".datepicker" ).datepicker();
);
</script>
【讨论】：
在脚本中我们需要改变什么吗？ 是的。将 #datepicker 更改为 .datepicker【参考方案3】：如果您有多个日期字段，请使用类，因为 id 对于特定元素是唯一的。 试试这个。
<input type="text" class="datepicker"></td>
<input type="text" class="datepicker"></td>
$( ".datepicker" ).datepicker();
SEE DEMO
【讨论】：
以上是关于日期选择器不起作用[重复]的主要内容，如果未能解决你的问题，请参考以下文章