我正在使用jQuery 2.1.1和jQuery UI 1.11.1。如果jQuery对话框是非模态的,那么一旦选择了日期,日期选择器就会被自动关闭。但是,如果对话框是模态的,那么即使选择了日期,日期选择器仍然保持打开状态。
这仅适用于IE 10,而不适用于Chrome或Firefox。谁知道如何解决这个问题? 这是我简单的HTML页面:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script>
$(function() {
$("#showDialog").click(function(){
$("#mydate").datepicker();
$("#newdialog").dialog({modal: true});
});
});
</script>
</head>
<body>
<button id="showDialog">Show Modal Dialog</button>
<div id='newdialog' style="display: none; width: 300px; height: 200px;">
<h5>Test DatePicker in modal dialog</h5>
Enter name: <input type="text" id="myname" />
<br />
Select date:<input type="text" id="mydate" />
</div>
</body>
</html>