Javascript 在同一页面中以不同形式更新datetime

我有一个包含多个表单的页面。我在代码中使用日期时间选择器。我调整了datetime选择器以显示用户拾取的日期和时间。但问题是，当一个页面中有多个表单（比如一个页面中有两张票）时，在选择第一张票中的日期和时间时，两个表单中都反映了相同的内容。由于日期时间选取器代码对两种表单都是通用的，因此我无法以这样的方式进行编码：第一种表单选取的时间应显示在第一种表单日历中，而第二种表单选取的时间应显示在第二种表单日历中。我怎样才能做到这一点？如果需要更多信息，请告诉我

日期选择器代码：

$（'.datepicker'）.datetimepicker({

shown:“按钮”，
buttonImage:“calendarNew.png”，
buttonImageOnly:正确，
minDateTime:新日期（“”），
分钟：5，
timeText:“时间（UTC）”，
关闭文本：“完成”
});

好的，看起来您有一个重复类和重复元素。首先，当您选择要重复的元素时，您将收到一个节点列表。您必须遍历此节点列表，并使用vanilla js将事件侦听器添加到这些项中的每个项。有了jQuery，它会更容易一些

<li class="item">One</li>
<li class="item">Two</li>
<li class="item">Three</li>
<li class="item">Four</li>
<li class="item">Five</li>
<li class="item">Six</li>

let items = document.querySelectorAll('.item')

items.forEach(i => {
    i.addEventListener('click', () => i.style.background = '#89FC00')
})

.item{
宽度：100%；
身高：50%；
列表样式：无；
填充：16px；
颜色：#fff；
背景：绿色；
}
.项目：第n个子项（偶数）{
背景：红色；
}

一个
两个
三个
四个
五个
Six

如果看不到一些代码，没有人能提供太多帮助。听起来日期时间选择器的名字是一样的，但我们需要查看代码以提供帮助…听起来好像两个日期选择器都有相同的ID。创建它们时确保它们有单独的ID。foreach中没有日期选择器，因此每个循环中给它的值都会更改，但问题是它每次都会覆盖，因此只有最后一个值在它中可见。还有人能帮助我吗知道如何将UTC时间指定给datepicker中的mindatetime字段

<li class="item">One</li>
<li class="item">Two</li>
<li class="item">Three</li>
<li class="item">Four</li>
<li class="item">Five</li>
<li class="item">Six</li>

let items = document.querySelectorAll('.item')

items.forEach(i => {
    i.addEventListener('click', () => i.style.background = '#89FC00')
})