动态插入HTML DIV会破坏页面上的jQuery DatePicker

是因为在插入新的HTML DIV元素后，原本绑定在页面上的jQuery DatePicker事件会失效。这是因为jQuery DatePicker是通过事件委托的方式绑定在页面上的，而动态插入的HTML DIV元素并没有绑定相应的事件。

为了解决这个问题，可以采取以下几种方法：

1. 在动态插入HTML DIV之后，重新初始化jQuery DatePicker事件。可以通过在插入HTML DIV后调用datepicker()方法重新初始化DatePicker事件，确保新插入的元素也能够绑定相应的事件。
2. 使用事件委托机制。可以将事件绑定到页面上的一个固定的父元素上，然后通过事件委托的方式来处理动态插入的HTML DIV元素。这样无论何时插入新的HTML DIV，都能够正确地触发相应的事件。
3. 使用动态插入的HTML DIV元素的回调函数。在动态插入HTML DIV时，可以通过回调函数的方式来处理相关的逻辑。在回调函数中重新初始化DatePicker事件或者执行其他需要的操作。

总结起来，解决动态插入HTML DIV破坏页面上的jQuery DatePicker的问题，可以通过重新初始化事件、使用事件委托机制或者使用回调函数来处理。这样可以确保动态插入的HTML DIV元素能够正确地绑定相应的事件，保持页面的正常功能。

腾讯云相关产品推荐：腾讯云云服务器（CVM）是一种弹性计算服务，提供安全可靠的云端计算能力，适用于各种场景的应用部署。详情请参考：腾讯云云服务器

请注意，以上答案仅供参考，具体的解决方案可能因实际情况而异。