选择后,jquery datepicker不会在模态对话框中自动关闭

时间:2014-09-25 16:41:51

标签: datepicker jquery-ui-dialog

我正在使用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>

0 个答案:

没有答案