Working example: http://jsfiddle.net/Gajotres/zV3jU/
CSS:
.ui-datebox-container {
z-index: 500000000 !important;
}
Pergunta
I used jtsage jquery mobile date picker
. I want to show the date picker when click the text inside popup but the date picker shown in back side of the popup i want to show the date picker infront of the popup.
My code is like.
<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>
Refer this fiddle http://jsfiddle.net/tZtMR/1/
Solução
Working example: http://jsfiddle.net/Gajotres/zV3jU/
.ui-datebox-container {
z-index: 500000000 !important;
}