One individual jQuery UI DatePicker not working - asp.net-mvc

Question

I have three text inputs on a view. All have the class datepicker.
#Html.TextBox("Dummy", DateTime.Now, new { #class = "datepicker" })
#Html.EditorFor(model => model.StartDate)
#Html.EditorFor(model => model.EndDate)
The bottom two are covered by my DateTime editor template:
#model DateTime?
#{
string editText = Model.HasValue ? Model.Value.ToShortDateString() : "";
}
#Html.TextBox("", editText, new { #class = "datepicker" })
These are set up for date pickers in my _Layout template in the following code:
$(function () {
$(".datepicker").datepicker({
dateFormat: "yy/mm/dd"
});
});
Now the date picker popup for StartDate, only, is totally unresponsive. It won't even change months, never mind pick a date. All three inputs are the same. Both StartDate and EndDate are non-nullable DateTime fields declared as:
[Display(Name = "Start Date")]
public DateTime StartDate { get; set; }
[Display(Name = "End Date")]
public DateTime EndDate { get; set; }
I am using jQuery 1.10.2 and jQuery UI 1.10.3, both installed via NuGet. I had to include the following script to get the DatePickers working:
<script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>
I am totally stymied.
AMENDMENT:
Errors show in the Javascript console:
Clicking on a day produces the error "Cannot set property 'currentDay' of undefined".
Clicking on the previous or next month icon produces "Cannot read property 'settings' of undefined"

Answer 1

I guess you don't have an unique id for the textbox?
an unique id is required for the datepicker.
either add it in the javascript
$(function () {
$(".datepicker:not(.hasdatepicker)").uniqueId().datepicker({
dateFormat: "yy/mm/dd"
});
});
or add it in razor
#Html.TextBox("", editText, new { #class = "datepicker", id = string.Format("datepicker-{0:N}", Guid.NewGuid()) })

Answer 2

I've used exact version of each script file (jQuery,jQuery UI, jQuery migrate) and used your code and found no error. It works fine without any issue.
Modal:
public class Test
{
[Display(Name = "Start Date")]
public DateTime StartDate { get; set; }
[Display(Name = "End Date")]
public DateTime EndDate { get; set; }
}
Edit View:
#model MvcApplication2.Models.Test
#{
ViewBag.Title = "Test";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Test</h2>
#using (Html.BeginForm()) {
#Html.ValidationSummary(true)
<fieldset>
<legend>Test</legend>
<div class="editor-label">
#Html.LabelFor(model => model.StartDate)
</div>
<div class="editor-field">
#Html.EditorFor(model => model.StartDate)
#Html.ValidationMessageFor(model => model.StartDate)
</div>
<div class="editor-label">
#Html.LabelFor(model => model.EndDate)
</div>
<div class="editor-field">
#Html.EditorFor(model => model.EndDate)
#Html.ValidationMessageFor(model => model.EndDate)
</div>
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}
<div>
#Html.ActionLink("Back to List", "Index")
</div>
#section Scripts {
#Scripts.Render("~/bundles/jqueryval")
}
Shared/EditorTemplates/DateTime.Cshtml
#model DateTime?
#{
string editText = Model.HasValue ? Model.Value.ToShortDateString() : "";
}
#Html.TextBox("", editText, new { #class = "datepicker" })
<script type="text/javascript">
$(function () {
$(".datepicker").datepicker({
dateFormat: "yy/mm/dd"
});
});
</script>
Below is the order of CSS and JS files.
#Styles.Render("~/Content/css")
#Styles.Render("~/Content/themes/base/jquery-ui.css")
#Scripts.Render("~/bundles/jquery")
#Scripts.Render("~/Scripts/jquery-migrate-1.1.1.js")
#Scripts.Render("~/bundles/jqueryui")
#Scripts.Render("~/bundles/modernizr")
It seems something else is causing the issue and not any script file or anything else. You might want to try my code in new project.

Answer 3

Use this link for more info: http://jqueryui.com/datepicker/
And try to change mm to MM
$(function () {
$(".datepicker").datepicker({
dateFormat: "yy/MM/dd"
});
});
Second answer:
Try using this date/time picker:
http://tarruda.github.io/bootstrap-datetimepicker/
or
http://www.eyecon.ro/bootstrap-datepicker/
I used them both, and worked for me.
Hope this helpes.