Javascript 为什么JQuery日期选择器会复制自身？

我用JQuery创建了一个日期选择器。我制作了HTML JS和CSS文件。我试图将这3个文件合并到一个HTML文件中，但当我将.js代码移动到.HTML中时，我的日历开始重复，我不知道为什么

我的问题是它为什么要这样做，我怎样才能解决它

正文{
背景：#20262E；
填充：20px；
字体系列：“蒙特塞拉特”，无衬线；
}
波弗先生
{
左：5%！重要；
排名：120%！重要；
}
.btn
{
利润率：1%；
}
#横幅信息{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：100%/*300px*/
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}
#banner-message.alt{
背景：#0084ff；
颜色：#fff；
边缘顶端：40px；
宽度：100%；/*200px*/
}
#banner-message.alt按钮{
背景：#fff；
颜色：#000；
}
.popover按钮{
背景#f48024；
}
.popover按钮：悬停{
背景#fcb67c；
}
.popover按钮：焦点{
背景：#052049；
}
.popover按钮：焦点：活动{
背景：#052049；
}
.阿罗{
可见性：隐藏；
}
.ui状态突出显示.ui小部件内容.ui状态突出显示.ui小部件标题.ui状态突出显示{
边框：1px实心#dad55e；
背景#fffa90；
颜色：#777620；
}
.ui日期选择器年份{
颜色：红色；
}
/*
.ui日期选择器下一步{
显示：无；
}
.ui日期选择器上一个{
显示：无；
}
*/
.嵌入日历头{
显示：-网络工具包盒；
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit框对齐：居中；
-webkit对齐项目：居中；
-ms-flex-align：居中；
对齐项目：居中；
填充：6px 10px；
边框底部：1px实心#d1d6db；
}
.calendar wrap.-small.embed calendar header.embed calendar live ava{
字体大小：15px；
}
.embed calendar header.embed calendar live ava{
左边距：自动；
左侧填充：10px；
颜色：#1D875A；
文本对齐：右对齐；
}
/*在线日历簿*/
.calendar wrap.-小。嵌入日历标题。嵌入日历标题{
填充：4px14px 10px；
字体大小：16px；
}
.嵌入日历标题.嵌入日历标题{
左边距：-10px；
颜色：#fff；
字体大小：粗体；
背景色：#1f2428；
边框右上角半径：50px；
边框右下半径：50px；
空白：nowrap；
}
.图标检查{
填充：绿色；
}
/*
.ui日期选择器
{
字体大小：100%；
}
.ui日期选择器表{
宽度：100%；
}
*/

网上预定
实时可用性
$（'.date-picker-2'）.popover({
是的，
内容：函数（）{
返回$（“#example-popover-2-content”）.html（）；
},
标题：函数（）{
返回$（“#example-popover-2-title”）.html（）；
}
});
$（“.date-picker-2”）.datepicker({
minDate:新日期（），
变化月：对，
变化年：是的，
onSelect:函数（日期文本）{
$（'#example-popover-2-title'）.html（“可用约会”）；
var html='8:00 am–9:00 am
10:00 am–12:00 pm
12:00 pm–2:00 pm'；
$（'example-popover-2-content'）.html（'Available times'+dateText+'
'+html）；
$（'.date-picker-2'）.popover（'show'）；
}
});
/*我从.js文件中删除了这部分代码*/
var$datePicker=$（“div#datePicker”）；
变量$datePicker=$（“div”）；
$datePicker.datePicker({
变化月：对，
变化年：是的，
是的，
altField:#datep“，
}).更改（功能（e）{
setTimeout（函数（）{
$datePicker
.find（“.ui datepicker当前日期”）.parent（）之后（'8:00 am–9:00 am9:00 am–10:00 am10:00 am–11:00 am'））
});  
});

js/jquery移动中的选择器对您不利。没有将

datepicker

作为值的id，因此：

var$datepicker=$（“div#datepicker”）

不选择任何内容，只选择下一个：

var$datePicker=$（“div”）

查找10个div元素，并为每个div添加一个日期选择器。要查看我看到的内容，只需添加：

alert（$datePicker.length）。是否应该只有一个日期选择器（因为有一个
日期选择器-2
参考？