javascript - 如何使用 javascript 在单个页面中添加多个日历

Question

我正在尝试使用 javascript 在单个页面中添加两个日历。

但对于第二个字段，它对我不起作用。我也对 jQuery 进行了同样的尝试。仍然面临同样的问题。

谁能帮帮我。提前致谢。

这是代码:

$(".datepicker").each(function () {
    $(this).datepicker({
        dateFormat: 'dd-mm-yy',
        changeMonth: true,
        changeYear: true,

    });
});

Answer 1

您不需要在循环中执行此操作(尽管这也应该有效。):

$(".datepicker").datepicker({
  // your stuff here
});

因为类选择器返回一个集合，所以这可以工作。

Sample Demo

<小时/>

可能存在什么问题:

在我看来，两个元素很可能具有相同的 id，但在这种情况下，两个输入的日期选择器都将被初始化，但在选择日期时，如果应用相同的 id，则仅第一个字段将填充日期每个日期选择器输入。

Sample Demo with same ids.