Javascript 在模态对话框上的jquery中单击事件之后，日期选择器中的格式错误

我有一个带有输入日期字段的面板，单击将显示日期选择器，再次单击将隐藏它

单击事件在jquery中的工作方式如下：

函数openCalendar（）{ 让$input=$（“#日期选择器”）； 让datepicker=$input.datepicker（）.data（'datepicker'）； 如果（$（'.modal dialog'）。长度>0）{ 让$modalInput=$（'.modal dialog'）.find（'input'）.first（）； 让modalDatePicker=$（'.modal dialog'）.find（'#datepicker'）.first（）； $modalInput.datepicker（{dateFormat:'dd.mm.yy'}）.data（'datepicker'）.show（）； }否则{ datepicker.show（）； $input.focus（）； } } 问题是，我正在使用同一面板的模式对话框，但当我试图更改UI中同一输入字段的日期时，它会以错误的格式显示日期，如：10/20/2020

但是，如果我对输入日期字段（不在模态对话框中）执行相同的操作，则所有操作都可以使用正确的日期格式：20.10.2020

---

我试图在jquery

'.datepicker（{dateFormat:'dd.mm.yy'}）

中设置一个日期格式，但没有帮助

似乎有两个id为

datepicker

的HTML元素

 let $input = $('#datepicker');

及

这是无效的HTML，可能会导致意外行为。

---

更具创造性，给他们起不同的名字！；-）

实际上只有一个id为datepicker的。但是当模态对话框打开时，我有两个id为datepicker的html元素，因为我使用同一个组件两次。有什么办法可以避免这种情况吗？好的，我通过删除id并使用而不是类名来解决它。现在一切正常！谢谢你的提示！

 $('.modal-dialog').find('#datepicker')