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

I used 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/

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

CSS:

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