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>