Javascript Jquery移动日期选择器未显示在弹出字段中

Javascript Jquery移动日期选择器未显示在弹出字段中,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,我使用了jtsage jquery移动日期选择器。我想在单击弹出窗口内的文本时显示日期选择器,但在弹出窗口背面显示的日期选择器我想在弹出窗口前面显示日期选择器 我的代码是这样的 <div data-role="content"> <a data-rel="popup" href="#datepop">POPUP</a> <div id="datepop" class='ui-content' data-role='pop

我使用了jtsage jquery移动日期选择器。我想在单击弹出窗口内的文本时显示日期选择器,但在弹出窗口背面显示的日期选择器我想在弹出窗口前面显示日期选择器

我的代码是这样的

<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>

某个日期
请看这把小提琴 工作示例:

CSS:
我不明白你想要什么?你们说日期选择器显示在弹出窗口后面(这是正确的),但你们需要它显示在同一弹出窗口后面(它已经在那个里了)。你需要它在弹出窗口前吗?@Gajotres在弹出窗口前抱歉..它工作正常..在我的手机中,数据采集器在设定的日期后没有关闭。你在用什么手机?我已经在桌面和移动chrome(三星S4)上测试过了。我正在phonegap应用程序中使用它。我在我的enulator上测试过。请稍候,我将签入设备。谢谢你+1。再接受5分钟。在我的设备中工作正常。非常感谢,有什么想法吗
.ui-datebox-container {
    z-index: 500000000 !important;
}