jquery之模态内部的 Angular ui-date

我正在使用 ui-date ( https://github.com/angular-ui/ui-date )(这是一个扩展 jquery ui 日期选择器的 Angular 指令)在单击输入时创建弹出日期选择器。问题是它位于 $modal 窗口内(来自 Angular-ui)。当您单击输入框时，日期选择器的 div 会附加到底部，位于结束标记的上方，位于包含 $modal 的 div 的外部。因此，当 $modal 窗口关闭(并因此从 DOM 中删除)时，日期选择器的 div 仍然存在。

我找不到任何关于 jquery 或 ui-date 的文档，它们允许将 div 附加到另一个元素，它似乎是内置的。

我不确定如何解决这个问题。

日期选取期间的代码

<body> 
 
<div class="modal"> <!-- This is the modal div which will be created and destroyed --> 
<input type="text" class="input-calendar" id="reason_date" name="reason_date" ng-model="effectiveDate" ui-date="DateOptions" date-input-format date-validation required="required" autocomplete="off" /> 
</div> 
 
<!-- This is where the date-picker div is appended --> 
<div class="date-picker">  
</div> 
 
</body> 

模式关闭后

<body> 
 
<!-- Modal div has been destroyed upon close --> 
 
<!-- Date picker div was outside of modal div, so it remains --> 
<div class="date-picker">  
</div> 
 
</body> 

希望这能解释这个问题。

请您参考如下方法:

为什么不使用 Angular ui bootstrap datepicker，它根本不依赖于 jquery，链接如下:https://angular-ui.github.io/bootstrap/#/datepicker

我认为它更适合您，希望对您有所帮助。 :)