Question

我正在使用此js-datepicker插件（https://www.npmjs.com/package/js-datepicker）。问题是我有很多字段要应用相同类型的日期选择器，因此假设我可以给他们一个全部说“ year”的类，但是它只将其分配给该类的第一个输入字段。有没有一种方法可以应用于该类的所有输入？

我的代码：

const year = datepicker('.year', {
/*  formatter: (input, date, instance) => {
    const value = date.toLocaleDateString()
    input.value = value // => '1/1/2099'
  }*/
});

Answer 1

也许您可以简单地使用输入类型“日期”来获得快速的解决方案。优点：格式是根据用户当前的设置选择的，无需格式化任何内容。

<input type="date" value="2019-01-01">

Answer 2

看起来像这样一次只希望初始化一个元素，因此您需要选择所有.year元素并将其循环，然后分别为每个元素调用datepicker函数。

基本上像这样简单的事情，

var fields = document.querySelectorAll('.year');

fields.forEach(function(e) {
  datepicker(e, {})
});

如果您需要引用datepicker实例以便以后可以修改选项，可以将它们添加到循环内的数组中。

具有相同类的js-datepicker多输入

2 个答案: