jQuery日历，ajax按钮点击并打开就绪-phpjquerybs日历ajax

我正在为我的项目实施这个日历。

问题是我需要使用id相同的日历，即datetimepicker8和datetimepicker9五次

换句话说，我尝试运行一个for循环五次，这将显示五次带有from和to date的日历

为了缩短时间，我在for循环中运行了五行From和To date，用户将选择From date和To date

这是我的全部代码：

我也在JSFIDLE中添加了代码，下面是链接

这方面的任何帮助都将是可观的

谢谢，

---

Kimz

HTML的第1条规则，不能对多个元素使用相同的ID。这就是为什么他们叫它ID

您可以使用类初始化日期选择器，并使用jquery查找下一个最近的选择器。看见注意我添加的其他类

$('.date').datetimepicker();

$(".from_date").on("dp.change", function (e) {
    $(this).nextAll(".to_date").data("DateTimePicker").setMinDate(e.date);
});

$(".to_date").on("dp.change", function (e) {
    $(this).prevAll(".from_date").data("DateTimePicker").setMaxDate(e.date);
});

Html:

---

嘿，伙计，谢谢。。这起作用了。我也是jquery的新手。谢谢你友好的回复/回答，并建议我遵守规则。你是个了不起的人+给你100英镑；我在你的论坛上又提出了一个问题。如果可以的话，请帮帮我。

$('.date').datetimepicker();

$(".from_date").on("dp.change", function (e) {
    $(this).nextAll(".to_date").data("DateTimePicker").setMinDate(e.date);
});

$(".to_date").on("dp.change", function (e) {
    $(this).prevAll(".from_date").data("DateTimePicker").setMaxDate(e.date);
});

<div class="input-group date from_date" style="width: 150px;" tabindex="2">
    <input class="form-control" name="from_date" type="text" /> <span class="input-group-addon"><i class="glyphicon-calendar glyphicon"></i></span>

</div>
<div class="input-group date to_date" style="width: 150px;" tabindex="2">
    <input class="form-control" name="to_date" type="text" /> <span class="input-group-addon"><i class="glyphicon-calendar glyphicon"></i> </span>

</div><br/>
<!-- padding for jsfiddle -->
<div class="input-group date from_date" style="width: 150px;" tabindex="2">
    <input class="form-control" name="from_date" type="text" /> <span class="input-group-addon"><i class="glyphicon-calendar glyphicon"></i></span>

</div>
<div class="input-group date to_date" style="width: 150px;" tabindex="2">
    <input class="form-control" name="to_date" type="text" /> <span class="input-group-addon"><i class="glyphicon-calendar glyphicon"></i> </span>

</div><br/>
<!-- padding for jsfiddle -->
<div class="input-group date from_date" style="width: 150px;" tabindex="2">
    <input class="form-control" name="from_date" type="text" /> <span class="input-group-addon"><i class="glyphicon-calendar glyphicon"></i></span>

</div>
<div class="input-group date to_date" style="width: 150px;" tabindex="2">
    <input class="form-control" name="to_date" type="text" /> <span class="input-group-addon"><i class="glyphicon-calendar glyphicon"></i> </span>

</div>