Question

我在我的asp.net MVC应用程序中使用Jquery UI日期选择器。所有在IE中工作正常，但在Chrome中，默认的日期选择器也是可见的，当我使用JQuery UI时，它不会将日期添加到框中。

我在这里有几个选项作为可能的解决方案，但没有任何作用。

ViewModel是：

    [Required]
    [Display(Name = "Date of Birth")]
    [DataType(DataType.Date)]
    [DisplayFormat(DataFormatString = "{0:yyyy/MM/dd}", ApplyFormatInEditMode = true)]
    public DateTime DateOfBirth { get; set; }

视图是：

            <div class="form-group">
                <div class="row">
                    <div class="col-md-3 col-md-offset-1">
                        @Html.LabelFor(model => model.DateOfBirth, htmlAttributes: new { @class = "control-label" })
                        @Html.EditorFor(model => model.DateOfBirth, new { htmlAttributes = new { @class = "form-control", placeholder = "01/12/80" } })
                        @Html.ValidationMessageFor(model => model.DateOfBirth, "", new { @class = "text-danger" })
                    </div>
                </div>
            </div>

日期选择器的脚本是：

@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/bootstrap")
<script type="text/javascript">
    $("#DateOfBirth").datepicker({
        format: "yyyy/MM/dd",
        startDate: "-120y",
        endDate: "-10y",
        startView: 2,
        calendarWeeks: true,
        defaultViewDate: { year: 1975, month: 01, day: 01 }
    });
</script>
}

我不可能是唯一需要解决这个问题的人，希望它已经存在。谢谢

Answer 1

尝试禁用默认的datepicker。请参阅此帖子：Disable native datepicker in Google Chrome

JQuery UI datepicker无法在Chrome中运行

1 个答案: