JQuery mobile date picker not showing in popup field
I have used jtsage jquery mobile date picker
. I want to show the date picker when you click the text inside the popup, but the date picker shown on the back of the popup, I want to show the date picker tab in the popup.
My code is similar.
<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/
+1
source to share
1 answer
Working example: http://jsfiddle.net/Gajotres/zV3jU/
CSS
.ui-datebox-container {
z-index: 500000000 !important;
}
+1
source to share