如何在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'
 });
});