Question

我有以下代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="jqm.css">
    <link rel="stylesheet" href="datePicker.css">
    <link rel="stylesheet" href="style.css">

    <script src="jquery.js"></script>
    <script src="jqm.js"></script>
    <script src="datePicker.js" charset="UTF-8"></script>

    <title>Popup</title>
</head>
<body>
    <div data-role="page" id="home">
        <div data-role="main" class="ui-content">
            <a href="#popup" data-rel="popup">Show popup</a>
        </div>
        <div data-role="popup" id="popup">
            <div data-role="header">
                <h1>Popup</h1>
            </div>
            <div data-role="main" class="ui-content">
                <label>Time:</label>
                <input name="time" id="time" type="text" data-role="datebox" data-options='{"mode":"timebox", "useNewStyle":true, "overrideTimeFormat": 24, "overrideTimeOutput": "%k:%M", "themeButton": "a", "themeInput": "a", "theme": "a", "themeHeader": "a", "closeCallback": "vypoctiTrvani"}' />
            </div>
        </div>
    </div>
</body>
</html>

问题是，当我点击弹出窗口中的时钟图标（日期选择器图标）时，没有任何内容出现。

只有在弹出窗口中使用Datepicker时才会发生这种情况。

我尝试将z-index设置为高数字，但它没有工作。

谢谢

JQM Datepicker未在弹出窗口中显示

0 个答案: