如何使用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.

Answer 2

为什么不呢：

$(".datepicker").datepicker({ 
    dateFormat: 'dd-mm-yy', 
    changeMonth: true, 
    changeYear: true
  });

应该使用'datepicker'类

为每个控件应用插件