在简单对话框上显示日期框

时间:2013-05-20 06:34:40

标签: android jquery jquery-mobile

我正在尝试在Android-phonegap应用程序中的简单对话框上显示日期框。我可以看到日期框填充在简单对话框上,但它是空白的。当我尝试从中选择日期时,它没有显示任何内容。它是一个填充在对话框上的空白日期框结构。我想将用户选择的日期存储在对话框中,稍后将使用它。如果您有任何建议,请告诉我。

这是我的代码

var rhtml = '<div class="ui-grid-a">';
rhtml+= '<div class="ui-block-a" style="width:100%;">';
rhtml+= '<label><strong>'+taskMsg+'</strong></label>';
rhtml+= '</div><br><br>';
rhtml+= '<br><div class="ui-block-a" style="width:15%;float:left;margin-top:3px">';
rhtml+= '<input type="checkbox" name="chk1" id="chkBox" value="checked" />';
rhtml+= '</div>';
rhtml+= '<div class="ui-block-b" style="width:80%">';
rhtml+= '<label for="chkBox" id="checkB1">Check to no longer display this message</label>';
rhtml+= '</div>';
rhtml+= '</div>';
rhtml+='<div class="ui-grid-c"><div class="ui-block-a" style="width:1%"></div><div class="ui-block-b" style="width:55%"><input name="ssddateD"  readonly="readonly" id="ssddateD" data-role="datebox" data-options=\'{"mode": "flipbox","pickPageTheme":"c","useDialogForceFalse":true,"focusMode": true}\'></div><div class="ui-block-c" style="width:35%;padding-left:5%" ><input name="ssdtimeS"  readonly="readonly" id="ssdtimeS" data-role="datebox" data-options=\'{"mode": "timeflipbox","pickPageTheme":"c","useDialogForceFalse":true,"focusMode": true}\'/></div><div class="ui-block-d" style="width:5%" ></div></div>';
rhtml+= "<a rel='close' data-role='button' href='#' id='simpleclose'>OK</a>";


$("#myDialog").simpledialog({
  'mode' : 'blank',
  'prompt': 'Alert',
  'forceInput': false,
  'useModal':true,
  'pickPageTheme':'c',
  'onClosed':onClose,
  'cleanOnClose': true,
  'useDialogForceFalse':true,
  'fullHTML' : rhtml
}); 

1 个答案:

答案 0 :(得分:0)