2011-08-03 52 views
1

我在嘗試將jQuery移動日期框放在jquery移動簡單對話框模式(自定義HTML模式)之上時出現問題。我想知道這是否有可能,如果有的話,是否有人有可能的解決方案。到目前爲止,我所能工作的是「內聯」日期選擇器(這意味着它在模式上是靜態的,並且不會彈出。)謝謝!簡單模式對話框上的Jquery Mobile Datebox問題

這裏是我的代碼(我試圖完成日期拾取框選項):

//calls modal 
$('#addDialog').live('vclick', function() { 
    $(this).simpledialog({ 
     'mode' : 'blank', 
     'prompt': false, 
     'forceInput': false, 
     'fullHTML' : "<label for='mydate'>Date</label>" + 
     "<input name='mydate' id='mydate' type='date' data-role='datebox'data-options='{\"mode\": \"calbox\", \"noButtonFocusMode\": true}'>" 
+0

什麼版本的jQM和DateBox?有沒有這裏的例子:http://dev.jtsage.com/#/jQM-DateBox/或在這裏:http://dev.jtsage.com/jQM-SimpleDialog/ –

+0

我使用這兩個最新版本。雖然有一些例子說明了如何分別執行這些事件,但我沒有看到如何同時執行這兩個操作的示例(意思是:帶有彈出窗口的模式對話框的日期框) –

+0

http://stackoverflow.com/用戶/ 206649/jt-sage可能會回答,但會盡快爲您獲得工作演示 –

回答

0

事實上,這個問題可能是,datebox彈出出現在較低的z-index比您的自定義模式窗口。如果出現這種情況,請在datebox的輸入數據選項屬性中進行設置。例如:

data-options='{"mode":"timebox", "useDialogForceFalse":true, "zindex":10000}'