0

我有两个 jsp 页面,一个是 main.jsp,另一个是 dialog.jsp,在 main.jsp 中我调用 java 脚本函数openPopup(url, title)打开对话框并从给定的url加载对话框的内容。

这是我的代码。
主.jsp

<div id="dialogDiv"></div>
<div>
     <a onclick='openPopup("/WEB-INF/views/template/dialog.jsp", "Add Address")' title="add value"></a>
</div>


对话框.jsp

   <div class="loaddiv">
       <form:form method="POST" commandName="address" id="dialogForm">        
          <form:input id="livingSince" path="livingSince" cssClass="datepicker"/>
       </form:form>
   </div>


common.js

$(function(){    
$( ".datepicker" ).datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    showAnim: 'fold'
});     

});

//for pop up
function openPopup(url, title) { 
$("#dialogDiv").load(url + " .loaddiv").dialog({
    position: 'center',
    modal: true,
    resizable: true,
    bgiframe: true,
    autoOpen: true,
    //height: 450,
    width: 500,
    title: title,
    buttons: {
        Save: function () {
            $("#dialogForm").submit();
            $("#dialogDiv").dialog('close');
        //$("#dialogDiv").html('');
        },
        Cancel: function () {
            $("#dialogDiv").dialog('close');
        }
    }
   });    
}


现在我的问题是单击输入文本字段后,日期选择器没有显示在对话框中。即使它在简单的 jsp 页面上完美运行,但在对话框(弹出)上却没有。
我也尝试了这个解决方案,但它没有发生在我身上。 关联

4

1 回答 1

0

我也在加载动态内容。我正在使用时间选择器而不是日期选择器。如果我动态加载内容(使用时间选择器),时间选择器将无法工作,这让我感到非常沮丧。

我通过每次加载模态时调用一个方法解决了这个问题。在这个方法中,我加载了动态内容;然后(再次)我重新注册时间选择器。我附上了我的代码图像,显示了这是如何完成的。它现在运行良好。

在此处输入图像描述

于 2016-10-07T15:04:12.390 回答