javascript - jQuery DateTime Picker 的多个实例

Question

这就是我定义日期时间选择器的方式

$('.datetimepicker').datetimepicker({
    dateFormat: 'y-m-d',
    timeFormat: 'h:m:s'
});

HTML：

<div class="branch">
    <h2>Branch 1</h2>
    <input id="from" class="datetimepicker" type="text" name="from"/>
    <input id="to" class="datetimepicker" type="text" name="to"/>
   </div>
   <div class="branch">
    <h2>Branch 2</h2>
    <input id="from" class="datetimepicker" type="text" name="from"/>
    <input id="to" class="datetimepicker" type="text" name="to"/>
   </div>

这适用于分支 1 中的字段。请看下图：

前两个字段的日期正确。但是当我关注底部输入字段并设置日期时，设置的不是底部字段而是顶部字段。这是错误的，底部字段应该获取日期。

我无法通过 id 访问每个输入字段，因为输入字段是动态创建的并且其中有很多。任何想法这里有什么问题？

Answer 1

您不应在同一页面上多次在 html 元素上使用相同的 id。看看你的<input id="from" ...和<input id="to" ...

<div class="branch">
    <h2>Branch 1</h2>
    <input id="from_1" class="datetimepicker" type="text" name="from"/>
    <input id="to_1" class="datetimepicker" type="text" name="to"/>
   </div>
   <div class="branch">
    <h2>Branch 2</h2>
    <input id="from_2" class="datetimepicker" type="text" name="from"/>
    <input id="to_2" class="datetimepicker" type="text" name="to"/>
   </div>

这应该可以解决您的日期选择器问题。