jQuery UI Datepicker在Chrome中不起作用

debugcn 发表于 Dev

菲尔·桑德斯

我在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>
}

我不是唯一需要解决此问题的人，希望它已经解决了。谢谢

马库斯·亚伯拉罕（MarcusAbrahão）

尝试禁用默认的日期选择器。看到这篇文章：在谷歌浏览器中禁用本机datepicker

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。