Question

我收到错误＆＃34; $（...）。datepicker（）不是函数，因为我尝试在我的MVC / razor中的表单字段上设置引导日期选择器形成。我已经阅读了类似的帖子，似乎无法让他们的解决方案发挥作用。似乎依赖的顺序很重要。任何意见，将不胜感激。我已经将此作为一种解决方案引用，但我没有成功。 How to add Date Picker Bootstrap 3 on MVC 5 project using the Razor engine?

脚本阻止

<script src="~/Scripts/jquery-3.1.1.js"></script>
<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/moment.js"></script>
<script src="~/Scripts/bootstrap-datepicker.js"></script>
<link href="~/Content/bootstrap-datepicker.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet"/>
<script type="text/javascript">
    $(function () {
        $('.datepicker').datepicker();

    });
</script>

表单字段

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

Answer 1

你的jquery肯定会有一些冲突。您还必须删除jquery库，因此请删除此<script src="~/Scripts/jquery-3.1.1.js"></script>。

对于jquery没有冲突，你可以像这样做你的代码

<script type="text/javascript">
    $.noConflict();
    $(function () {
        $('.datepicker').datepicker();

    });
</script>

datepicker不是一个函数 - 试图在MVC表单字段上加载一个datepicker

1 个答案: