Javascript 如何创建多个日期选择器

我正在使用，我想创建多个日期选择器，但我的javascript只为一个。我现在该怎么办

此外，它们必须对同一类都有效，例如，我想对所有签入输入使用

.checkin

类

我的HTML

<div class="row-1 form">
     <input type="text" class="checkin">
     <input type="text" class="checkout">
</div>

<div class="row-2 form">
    <input type="text" class="checkin">
    <input type="text" class="checkout">
</div>

---

似乎在单击时创建Pikaday实例会更容易，而不是事先创建。通过这种方式，您可以根据需要添加任意数量的.checkin、.checkout。例如：

$(document).on('focus', '.checkin, .checkout', function (){
    ...// your Pikaday instance here
});

以下是您的CodePen的更新版本，其中包含以下想法：

---

在本例中，我对焦点进行了设置，以防用户使用键盘。

但它给了我一个错误：ReferenceError:g未定义Yes@recruit\u man它调用了一个g（）函数，我现在已经删除了它。谢谢，但现在它给了我另一个错误，因为I-I.isValid不是一个函数，你是如何删除它的？现在我删除文档准备好了，它可以工作了，我想我们必须在没有readyyes的情况下使用。有一些有趣的问题，但是代码工作javascript错误通知给了我另一个错误，当我输入日期时，如果我更改日期，则在之后它给了我这个错误i.isValid不是一个函数

$(document).on('focus', '.checkin, .checkout', function (){
    ...// your Pikaday instance here
});