datepicker not chrome

Question

我在我的asp.net MVC应用程序中有一个JQuery UI日期选择器控件，它在IE和Firefox中可以正常工作，但当点击日期选择器按钮时，它不会在Chrome中工作。这里是我的索引视图：

$(function() { 
    $('#datepicker').datepicker({ 
     changeMonth: true, 
     dateFormat: "dd M yy", 
     changeYear: true, 
     showButtonPanel: true, 
     autoSize: true, 
     altField: "input#txtDate", 
     onSelect: function(dateText, inst) { 
      $.ajax({ 
       type: "POST", 
       url: "/LiveGame/Partial3?gameDate=" + dateText, 
       dataType: "html", 
       success: function(result) { 
        var domElement = $(result); 
        $("#dvGames").html(domElement); 
       } 
      }); 
     } 
    }); 
    $("#txtDate").val($.format.date(new Date(), 'dd MMM yyyy')); 

    $('#dvGames').load(
    '<%= Url.Action("Partial3", "LiveGame") %>', 
    { gameDate: $("#txtDate").val() } 
); 
}); 

这里是我的部分：

public ActionResult Partial3(string gameDate) 
     {    
       return PartialView("Partial3", gameDate); 
     } 


<div id="dvGames" class="cornerdate1">        

           <%= Url.Action("LiveGame","Partial3") %>    
           </div> 
          <input type="text" id="txtDate" name="txtDate" readonly="readonly" class="cornerdate" /> 
          <input id="datepicker" class="cornerimage" type="image" src="../../Content/images/calendar.gif" alt="date" />     
          </div> 

Answer 1

在AJAX success功能，您是铸造结果DOM元素。尝试简单地做到这一点：

onSelect: function(dateText, inst) { 
    $('#dvGames').load(
     '<%= Url.Action("Partial3", "LiveGame") %>', 
     { gameDate: dateText } 
    ); 
} 

Answer 2

或者您可以使用日期选择器选择从jQuery UI的

<script> 
$(function() { 
    $("#datepicker").datepicker({ 
     showOn: "button", //add this line 
     buttonImage: "path/to-your-image.gif", //add this line 
     buttonImageOnly: true //add this line 
    }); 
}); 
</script> 

或者你在按钮上添加一个单击事件：

<script> 
    $(document).ready(function() { 
     $("input#datepicker").click(function() { 
      $("input#datepicker").datepicker("show"); 
     }); 
    }); 
</script>