jquery datepicker在mvc的不同浏览器中抛出错误

Question

我的观点是从数据库中显示日期

<div class="input-group">
    @Html.TextBoxFor(model => model.domain_renew_date, "{0:dd/MMM/yyyy}", new { @type = "datetime", @class = "form-control" })
    @Html.ValidationMessageFor(model => model.domain_renew_date, "", new { @class = "text-danger" })
</div>

我的javascript for datepicker

 <script type="text/javascript">
    $(document).ready(function () {
        $('input[type="datetime"]').datepicker({
            dateFormat: "dd/MM/yy",
            changeMonth: true,
            changeYear: true,
            yearRange: "c-10:c+10"
        });
    });
</script>

声明属性的模型

[Display(Name = "Date of Renewal")]
[DataType(DataType.Date)]
[RequiredIf("domain_flag", "1", ErrorMessage = "Enter Renew Date")]
public DateTime? domain_renew_date { get; set; }

在web.config中

<system.web>
  <globalization uiCulture="en" culture="en-GB" />
</system.web>

这在chrome和Firefox中运行得非常好.但在IE和Safari中给出​​以下错误

字段续订日期必须是日期

可以在代码中进行哪些更改,以使其在所有浏览器中都能正常运行？

Answer 1

通过添加以下代码解决了错误

<script>
jQuery.validator.addMethod(
     'date',
     function (value, element, params) {
         if (this.optional(element)) return true;
         var ok = true;
         try {
             $.datepicker.parseDate('dd-M-yy',value);
         } catch (err) {
             ok = false;
         }
         return ok;
     },
      'Must enter date in dd-M-yy format.'
  );