How To Set Datebox Pop To The Center Of Window In Jquery Mobile?

I'm using JQM data-role='datebox' as following: But it always pop up

Solution 1:

You'll need to set the option "popupPosition" to "window".

http://dev.jtsage.com/DateBox/api/popupPosition/

<input name="startTime" id="startTime"type="text" data-role="datebox" data-options='{"popupPosition": "window", "mode": "datebox"}'>

Solution 2:

CSS may be the answer you seek. You can attach a style to this to position and format the datebox.

Like this for example: http://www.w3schools.com/css/css_align.asp

Or there are many more CSS examples on that website.