I have a Jquery UI datepicker control in my asp.net MVC application and it works fine in IE and Firefox but it doens't work in chrome when I click the datepicker button. Here is my Index view:
$(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() }
);
});
Here is my partial:
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>
