Jquery 引导程序3的Eonasdan日期时间选择器不工作

我正在尝试为我的Asp.NETMVC5项目使用datetimepicker。该项目使用默认的Bootstrap3布局。可以找到此datetimepicker的github项目

正如前面提到的，我在视图中包含了js和css文件

对于我的datetimepicker，我已经从站点复制了确切的代码

@{
    ViewBag.Title = "CreateAppointment_SetDate";
    Layout = "~/Views/Shared/_Layout.cshtml";
    @Scripts.Render("~/Scripts/jquery.min.js")
    @Scripts.Render("~/Scripts/moment.min.js")
    @Scripts.Render("~/Scripts/Bootstrap/transition.js")
    @Scripts.Render("~/Scripts/Bootstrap/collapse.js")
    @Scripts.Render("~/Scripts/bootstrap.min.js")
    @Scripts.Render("~/Scripts/bootstrap-datetimepicker.min.js")
    <link rel="stylesheet" href="~/Content/bootstrap-datetimepicker.min.css"/>

}

    <div class="col-md-10">
        <div class='well'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>

编辑2

jquery.min.js是我从站点获得的文件，我查看了站点网络，复制了jquery.min.js文件链接并添加到我的项目中。当我注释@Scripts.Render~/Scripts/jquery-2.1.0.min.js行时：

在控制台中：

用注释@**@行编辑2

---

您使用的是两个jquery版本。我不知道jquery.min.js是哪个版本

---

尝试删除这一行@Scripts.Render~/Scripts/jquery-2.1.0.min.js

我不知道如何删除，但是bootstrap-datetimepicker.min.js拥有css文件中的所有html代码。然后我从git项目中复制了js代码，现在它似乎工作得很好。 另一方面，这是示例中的外观

对我来说就是这样

---

另外，当我将鼠标悬停在日期上时，我没有得到手图标，我得到了光标图标

我可以看到您使用的是两个不同的jQuery版本：选择一个，然后重试；语法错误是什么？您是否加载了实时站点或其他脚本？@Irvindiminakadeward您可以查看编辑2吗？不，我没有live Site，你编辑过jQuery/Moment/Datepicker js文件吗？如果您确实使用了原始版本，请尝试使用datepicker的非动画版本，并检查是否仍然存在问题-可能在最小化过程中出现了问题。我删除了它，但仍然不起作用。我从datetimepicker所在的github项目中获得jquery.min.js。Sit看起来好像没有加载css。你还有问题吗？您可能还想查看v4。

@{
    ViewBag.Title = "CreateAppointment_SetDate";
    Layout = "~/Views/Shared/_Layout.cshtml";
    @Scripts.Render("~/Scripts/jquery-2.1.0.min.js")
    <script src="~/Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="~/Scripts/moment.min.js" type="text/javascript"></script>
    <script src="~/Scripts/bootstrap.min.js" type="text/javascript"></script>
    <script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>
    <link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
}



    @Html.HiddenFor(m=>m.AppointmentId)
    <h3>When should appointment take place?</h3>
    <h4>Please select the date range for the appointment to take place between</h4>
    <h6>Please select a start date</h6>

    <div class="col-md-10">
        <div class='well'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker2'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker2').datetimepicker();
            });
        </script>
    </div>

@{
    ViewBag.Title = "CreateAppointment_SetDate";
    Layout = "~/Views/Shared/_Layout.cshtml";
    @*@Scripts.Render("~/Scripts/jquery-2.1.0.min.js")*@
    <script src="~/Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="~/Scripts/moment.min.js" type="text/javascript"></script>
    <script src="~/Scripts/bootstrap.min.js" type="text/javascript"></script>
    <script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>
    <link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css"/>
}



    @Html.HiddenFor(m=>m.AppointmentId)
    <h3>When should appointment take place?</h3>
    <h4>Please select the date range for the appointment to take place between</h4>
    <h6>Please select a start date</h6>
    <div class ="container">
        <div class="col-md-10">
            <div class='well'>
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker2'>
                        <input type='text' class="form-control" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                $(function () {
                    $('#datetimepicker2').datetimepicker();
                });
            </script>
        </div>
    </div>