Javascript 同一页中有多个日期选择器

我使用的是

kendo UI日期选择器

，我试图使用一个具有相同ID的函数在同一页面中放置多个日期选择器我不想更改，第一个输入已经存在于我的页面中，但其他输入是动态添加的，关于如何修复该问题，有何建议？

$（“#日期选择器”）.kendoDatePicker（）










$（“#日期选择器”）.kendoDatePicker（）










$（“#日期选择器”）.kendoDatePicker（）









您使用的是相同的
id
，当找到第一个匹配项时，选择器停止。由于要收集项目，请将输入更改为具有
mydatepicker
类
：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="mydatepicker">
<br>
<br>
<input class="mydatepicker">
<br>
<br>
<input class="mydatepicker">

应该可以工作。
您使用的是相同的
id
，当找到第一个匹配项时，选择器停止。由于要收集项目，请将输入更改为具有
mydatepicker
类
：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="mydatepicker">
<br>
<br>
<input class="mydatepicker">
<br>
<br>
<input class="mydatepicker">

应该有效。
你能提供一些代码来重新处理你的问题吗？你能提供一些代码来重新处理你的问题吗？请向提问者解释问题在于id应该是唯一的，因为他或她使用了相同的id，所以选择器找到了第一个匹配项并停止了。对，这是罪过。谢谢，没问题。如果你修改你的答案并加上解释，我一定会投赞成票。与此同时，我已经写下了自己的答案，建议使用类而不是id，因为提问者已经像使用类一样使用id。请向提问者解释问题在于id应该是唯一的，因为他或她使用了相同的id，所以选择器找到了第一个匹配项并停止了。对，我错了。谢谢，没问题。如果你修改你的答案并加上解释，我一定会投赞成票。与此同时，我已经写了自己的答案，建议使用class而不是id，因为询问者已经像使用类一样使用id了。