Javascript 克隆斑马日期选择器将移动图标

所以我试图克隆一个有斑马日期选择器的div。不幸的是，每个克隆上的图标都会不断向左滑动

运行下面的代码段，并单击克隆几次以获取示例

$（文档）.ready（函数（）{
//假设要将插件附加到的控件
//设置“datepicker”类
$（'input.datepicker'）.Zebra_datepicker（）；
$（“#容器”）.on（'click'，'.clonebtn'，function（）{
const myTemplate=$（this）.cloneMe（'.cloneMe'）；
const clonedTemplate=myTemplate.clone（）；
clonedTemplate.find（'.Zebra_DatePicker_Icon'）.remove（）；
$（“#容器”）.append（clonedTemplate）；
让datepicker=clonedTemplate.find（'input.datepicker'）；
Zebra_datepicker（）；
});
});

克隆我
问题在于，您正在克隆一个修改过的DOM，该DOM中已经添加了许多与zebra相关的内联样式。一个想法是在克隆过程中删除所有内联样式，每次都将获得相同的布局：


$（文档）.ready（函数（）{
//假设要将插件附加到的控件
//设置“datepicker”类
$（'input.datepicker'）.Zebra_datepicker（）；
$（“#容器”）.on（'click'，'.clonebtn'，function（）{
const myTemplate=$（this）.cloneMe（'.cloneMe'）；
const clonedTemplate=myTemplate.clone（）；
clonedTemplate.find（'.Zebra_DatePicker_Icon'）.remove（）；
clonedTemplate.find（'*'）.removeAttr（'style'）；/*添加了此*/
$（“#容器”）.append（clonedTemplate）；
让datepicker=clonedTemplate.find（'input.datepicker'）；
Zebra_datepicker（）；
});
});
.cloneMe{
边框：1px纯黑；
}
.cloneMe>div{
填充：10px；
}

克隆我