javascript - 如何在 JQuery 的 Colorbox 弹出窗口中显示日期选择器？

Question

在 Jquery 应用程序中，我使用Colorbox插件来显示弹出窗口。一切正常，但在日期选择器中，它正在工作但不在弹出窗口中，它显示在主应用程序的侧角。

但其他插件工作正常。日期选择器插件会发生什么？这是一些示例代码：

<link href="resources/css/date-picker.css" rel="stylesheet"
    type="text/css" />
<script type="text/javascript" src="resources/js/date-picker.js"></script>
<script type="text/javascript">
$(document).ready(function() {
        //Code for Date Picker 
    new datepickr('startDt', {
        'dateFormat' : 'd-M-Y'
    });
    new datepickr('endDt', {
        'dateFormat' : 'd-M-Y'
    });

});
</script>


 -----
 <form:input path="startDate" type="text" id="startDt" />
-------
----

Answer 1

假设这是您输入的日期 ID：

 <input id="mydate">

您可以将 id 传递给 jquery 函数，如下所示：

 <script type="text/javascript">
     $(document).ready(function() {
    //Code for Date Picker 
    $('#mydate').datepickr('startDt', {
    'dateFormat' : 'd-M-Y'
     });
    $('#mydate').datepickr('endDt', {
    'dateFormat' : 'd-M-Y'
 });
});