2011-08-03 12 views
1

jqueryモバイルシンプルなダイアログモーダル(カスタムHTMLのもの)の上にjqueryモバイルの日付ボックスを置く際に問題があります。私はこれが可能であるかどうか、誰かが可能な解決策を持っているかどうか疑問に思っています。これまで私が働くことができるのは、 "インライン"の日付ピッカーです(これはモーダルで静的であり、ポップアップしないことを意味します)。ありがとう!ここで簡易モーダルダイアログの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インデックスで表示されていることかもしれません。このような場合は、dateboxの入力データオプション属性で設定します。例:

data-options='{"mode":"timebox", "useDialogForceFalse":true, "zindex":10000}' 
関連する問題