在ajax调用之后,jQuery Datepicker在jQuery Dialog中未打开

时间:2015-01-03 18:43:47

标签: javascript ajax jquery-ui datepicker jquery-ui-dialog

你帮我解决了整个下午试图解决的问题吗? 我有一个jQuery对话框,我正在填写ajax调用的结果(一个php脚本)。在这些结果中有一个包含的日期选择器,当我点击它时将无法打开。当我把它放在一个简单的空白页面上时,日期选择器就会打开。

点击链接打开对话框:

<a href="javascript: return false;" 
onclick="openGamePopup('.$this->gameID.')">Show details</a>    

Ajax功能

function openGamePopup(gameID){
$('#standardDialog').dialog('option', 'title', 'Game Details');
  if (window.XMLHttpRequest){ // AJAX nutzen mit IE7+, Chrome, Firefox, Safari, Opera
        xmlhttp=new XMLHttpRequest();}
      else { // AJAX mit IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200){
      document.getElementById("standardDialog").innerHTML=xmlhttp.responseText; 
    }
  }
  xmlhttp.open("GET","gameprofile.php?id="+gameID,true);
  xmlhttp.send();
  $("#gameTimePicker").css("z-index", "9999");
  $('#standardDialog').dialog('open');
}    

JQuery项目

 $('#gameTimePicker' ).datetimepicker({
     changeMonth: true,
     changeYear: true,
     minDate: "+0d", 
     maxDate: "+90d",
     dateFormat: 'yy-mm-dd',
 });
$("#standardDialog" ).dialog({
    autoOpen: false,
    width: 600,
    height: 450,
  }
}); 

并填写填充对话框内容的PHP:

 if (isset($_GET['id'])) {$game= NEW Game($_GET['id']);}
 $game->showPopup();

 class Game{
 .....

    function showPopup(){ 

         echo ' <div style="font-size:11px;" align="center">
           <div><br/>Date and Time: 
           <input id="gameTimePicker" name="whenDate" type="date" /></div>';
         echo ' <div><br/>';
    }  
 }

0 个答案:

没有答案