Jquery移动日期选择器未在弹出域中显示

时间:2014-05-14 11:33:16

标签: javascript jquery jquery-mobile

我使用了jtsage jquery mobile date picker。我想在点击弹出窗口内的文本时显示日期选择器,但弹出窗口背面显示的日期选择器我想显示弹出窗口的日期选择器。

我的代码就像。

<div data-role="content">

        <a data-rel="popup" href="#datepop">POPUP</a>
        <div id="datepop" class='ui-content' data-role='popup'>
        <label for="mydate">Some Date</label>
        <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}'/>
        </div>
    </div>

请参阅此小提琴 http://jsfiddle.net/tZtMR/1/

1 个答案:

答案 0 :(得分:1)

工作示例:http://jsfiddle.net/Gajotres/zV3jU/

CSS:

.ui-datebox-container {
    z-index: 500000000 !important;
}