我有两个 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 页面上完美运行,但在对话框(弹出)上却没有。
我也尝试了这个解决方案,但它没有发生在我身上。
关联