Javascript 使用datepicker更改日期和提交表单不会跳转到控制操作，而是会在html调试点上失败

我有以下HTML表单：

@using(Html.BeginForm("EditCourse", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
      {              
        <div class="twelve columns" style="margin:10px 0px 30px 30px">
          <div class="row">
            <div class="six columns" style="margin-left:-5px; width:320px;">
              @Html.LabelFor(c => c.Course.Name)
              @Html.EditorFor(c => c.Course.Name)
              @Html.HiddenFor(c => c.Course.CourseID)
            </div>
            <div class ="six columns" style="width:320px;">
              @Html.LabelFor(c => c.Course.Author)
              @Html.EditorFor(c => c.Course.Author)
            </div>

            <div class="row">
              <div class="twelve columns" style="width:640px;">
                @Html.LabelFor(c => c.Course.Description)
                @Html.EditorFor(c => c.Course.Description)
              </div>
            </div>

            <div class="row">
              <div class="six columns" style="width:320px;">   
                @Html.LabelFor(c => c.Course.ParticipationPoints)
                @Html.EditorFor(c => c.Course.ParticipationPoints)
              </div>
              <div class="six columns" style="width:320px; float:left;">
                @Html.LabelFor(c => c.Course.ExpiryDate)
                <input type="text" id="expires" name="expires" /><br /> 
                @Html.EditorFor(c => c.Course.ExpiryDate)
              </div>
            </div>

            <div class="row">
              <div class="twelve columns" style="width:640px;">
                @Html.LabelFor(c => c.Course.CategoryGroupID, "Category")
                @Html.DropDownListFor(c => c.Course.CategoryGroupID, new SelectList(Model.CategoryGroups, "CategoryGroupID", "CategoryGroupName", Model.Course.CategoryGroupID))
              </div>
            </div>

            <div class="row">
              <div class="six columns">
                @Html.HiddenFor(c => c.Course.UploadDate)
              </div>
            </div>

            <div class="twelve columns">
              <input id="FileSubmit" type="submit" class="medium button bottom20 top20" value="Save Changes" style="margin-left:235px;"/>
            </div>
          </div>
        </div>                
      }

当页面加载时，日期正确显示在输入框中，我已添加该框以英国格式显示，并且我已显示expirydate的编辑器，以确保该框的更改在编辑器中以美国格式更新

如果我试图在不更改日期的情况下编辑模型，它将按预期工作，并直接跳到控制器以处理表单。但是，如果我更改了日期，它不会更改，而是跳转到HTML表单，在该表单中，它无法找到页面上已经呈现的某些内容

是什么导致了这个问题

$(document).ready(function () {
    $('#expires').datepicker({ dateFormat: 'dd/mm/yy' });
    $('#expires').val('@Model.Course.ExpiryDate.ToString("dd/MM/yyy")');

    $("#expires").change(function () {
        var currentDate = $(this).val();
        var array = currentDate.split("/", 3);
        var day = array[0];
        var month = array[1];
        var year = array[2];
        $('#Course_ExpiryDate').val(month + "/" + day + "/" + year + " 23:59:59");
    });
});