在同一页面中以不同形式的不同形式更新DateTime

Question

我有一个带有多个表单的页面。我在代码中使用DateTime Picker。我已经调整了DateTime选择器以显示日期＆amp;用户收集的时间。但是问题是，当一个页面中有多种表格（例如页面中的2张票）时，选择日期＆amp;在第一张票中的时间都在两种表格中都反映了。由于DateTime Picker代码在这两种表单上都是共同的，因此无法以1st形式选出的时间以1st Forms Calendar＆amp;的方式进行编码。由2nd形式选择的时间应以2nd Forms Calendar显示。我该如何实现？请让我知道是否还需要任何信息。

datepicker代码：

$（'。datepicker'）。dateTimePicker（{

    showOn: "button",
    buttonImage: "calendarNew.png",
    buttonImageOnly: true,
    minDateTime: new Date('<?php echo $time_entered_by_user;?>'),
    stepMinute: 5,
    timeText: "Time(UTC)    ",
    closeText: "Done"
});

Answer 1

好的，似乎您有重复的类和重复元素。首先，当您选择要重复的元素时，您将收到一个节点列表。您必须通过此节点列表进行迭代，并使用香草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')
})

工作小提琴https://jsfiddle.net/6skp131x/

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

.item {
  width: 100%;
  height: 50%;
  list-style: none;
  padding: 16px;
  color: #fff;
  background: green;
  
}
.item:nth-child(even){
  background: red;
}

<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>