javascript - 日期时间选择器不工作

Question

我有 MVC5 元素，我想添加日期选择器，目前它不工作，因为我在 JS 代码中有错误，我在这里错过了什么？我尝试按如下方式为日期时间选择器添加 Nuget，但它不起作用。控制台中的错误是

Uncaught TypeError: undefined is not a function Create:93
(anonymous function) Create:93

知道我在这里错过了什么吗？

这是所有的页面代码

如果需要，我可以分享这个元素，这是一个非常简单的元素，只有 3 个字段

@model TestropDownCreate.Models.TestModel

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>

<script src="~/Scripts/jquery-1.10.2.min.js"></script>    

<script src="~/Scripts/moment.js"></script>    
<script src="~/Scripts/moment-datepicker.js"></script>            
<link href="~/Content/moment-datepicker/datepicker.css" rel="stylesheet" /> 
<link href="~/Content/jquery.datetimepicker.css" rel="stylesheet" />
<link href="~/Content/bootstrap-datepicker.css" rel="stylesheet" />    



<script src="~/Scripts/bootstrap-datetimepicker.js"></script>    

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>Model</h4>
        <hr />
        @Html.ValidationSummary(true)

        <div class="form-group">
            @Html.LabelFor(model => model.Name, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Name) 

                @Html.ValidationMessageFor(model => model.Name)
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.SelectedGender, new { @class = "control-label col-md-2" })
            <div class="col-md-10">

                @Html.DropDownListFor(model => model.SelectedGender, Model.Gender)

            </div>
        </div>

        <div class="form-group">
            <div class="input-append date control-label col-md-2">
                Date
                <input data-format="yyyy-MM-dd" type="text" id="datetimepicker4" />
                <span class="add-on">
                    <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
                </span>
            </div>

        </div>


       // It's there where I'm having the error -->

            <script type="text/javascript">

                $(function () {

                    $('#datetimepicker4').datepicker({

                        pickTime: false

                    });

                });

            </script>

            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="Create" class="btn btn-default" />
                </div>
            </div>
        </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

Answer 1

我在您的代码中发现的错误之一是您两次包含相同的脚本 - 一次是普通版本，第二次是缩小版本。

像这样-

<script src="~/Scripts/moment-datepicker.js"></script>   
<script src="~/Scripts/moment-datepicker.min.js"></script>  

您应该只包含其中一个。所以，要么包括

<script src="~/Scripts/moment-datepicker.js"></script>  

或

<script src="~/Scripts/moment-datepicker.min.js"></script>  

您两次包含的其他脚本也是如此。

希望，如果您解决了这个问题，除非您的代码中有更多错误，否则它会解决您的问题。