Javascript jQuery UI日期选择器不工作？

我的web应用程序中显示了jQueryUIDatePicker，但当我选择日期时，它什么都不做。默认的Html5日期选择器仍然出现

我怎样才能禁用Html5，让jQueryUIDatePicker工作

以下是我编写代码的方式：

Create.cshtml

 @Html.LabelFor(model => model.EnrollmentDate, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(model => model.EnrollmentDate, new { htmlAttributes = new { @class = "form-control", @id = "datepicker" } })
                    @Html.ValidationMessageFor(model => model.EnrollmentDate, "", new { @class = "text-danger" })

........

@section Scripts {
<script>
    $(document).ready(function(){
        $('#datepicker').datepicker({
        dateFormat: 'dd-mm-yy'
       });
    });
</script>        
    @Scripts.Render("~/bundles/jqueryval")
}

@Html.LabelFor（model=>model.EnrollmentDate，htmlAttributes:new{@class=“control label col-md-2”}）
@EditorFor（model=>model.EnrollmentDate，new{htmlAttributes=new{@class=“form control”，@id=“datepicker”}）
@Html.ValidationMessageFor（model=>model.EnrollmentDate，“，new{@class=“text danger”}）
........
@节脚本{
$（文档）.ready（函数（）{
$（“#日期选择器”）。日期选择器({
日期格式：“dd-mm-yy”
});
});
@Scripts.Render（“~/bundles/jqueryval”）
}

您可以选择内置日期选择器。

---

请参考

您可以选择内置日期选择器。

---

请参考

我刚刚不得不将

@Html.EditFor

的类型设置为一种文本类型，它就工作了。尝试使用

@Html.TextBoxFor

对我无效

@Html.EditorFor(model => model.EnrollmentDate, new { htmlAttributes = new { @class = "form-control", @type = "text" } })

<script>
    $(function(){
        $('#EnrollmentDate').datepicker({
            changeMonth: true,
            changeYear: true
        });
    });
</script>

@Html.EditorFor（model=>model.EnrollmentDate，new{htmlAttributes=new{@class=“form control”，@type=“text”}）
$（函数（）{
$（“#注册日期”）.datepicker({
变化月：对，
变化年：对
});
});

我只需将

@Html.EditFor

的类型设置为文本类型，就可以了。尝试使用

@Html.TextBoxFor

对我无效

@Html.EditorFor(model => model.EnrollmentDate, new { htmlAttributes = new { @class = "form-control", @type = "text" } })

<script>
    $(function(){
        $('#EnrollmentDate').datepicker({
            changeMonth: true,
            changeYear: true
        });
    });
</script>

@Html.EditorFor（model=>model.EnrollmentDate，new{htmlAttributes=new{@class=“form control”，@type=“text”}）
$（函数（）{
$（“#注册日期”）.datepicker({
变化月：对，
变化年：对
});
});

我偶然发现这个问题的原因是我在使用jQuery UI进行日期选择器。出于某种原因，它在基于Chromium的浏览器上无法正常工作

为了让它们正常工作，我必须仅在浏览器基于Chromium的情况下将类型更改为“text”

为此，我只写了以下内容：

函数fixDatepickers（）{ 如果（window.chrome！==未定义）{ $（#ID_of_datepicker'）[0]。类型='text'； } } 然后在HTML页面中调用它，其中日期选择器的工作方式不是这样的：

<script src="file_with_new_func.js"></script>
<script type="text/javascript">$(document).ready(fixDatepickers());</script>

$（document）.ready（fixDatepickers（））；

---

工作很有魅力

我偶然发现这个问题的原因是我在使用jQuery UI进行日期选择器。出于某种原因，它在基于Chromium的浏览器上无法正常工作

为了让它们正常工作，我必须仅在浏览器基于Chromium的情况下将类型更改为“text”

为此，我只写了以下内容：

函数fixDatepickers（）{ 如果（window.chrome！==未定义）{ $（#ID_of_datepicker'）[0]。类型='text'； } } 然后在HTML页面中调用它，其中日期选择器的工作方式不是这样的：

<script src="file_with_new_func.js"></script>
<script type="text/javascript">$(document).ready(fixDatepickers());</script>

$（document）.ready（fixDatepickers（））；

---

工作很有魅力

我使用该链接为我的代码编写脚本。Chrome控制台显示了一些错误，比如对于

jQuery ui

，

css

…我使用该链接为代码编写了脚本。Chrome控制台显示错误，如

jQuery ui

，

css

。。。