Javascript 日期时间选择器不工作
我有一个MVC5项目,我想添加日期选择器,目前它不工作,因为我在JS代码中有错误,我在这里缺少什么? 我尝试如下添加datetime选择器的Nuget,但它不起作用。 控制台中的错误是Javascript 日期时间选择器不工作,javascript,jquery,css,twitter-bootstrap,razor,Javascript,Jquery,Css,Twitter Bootstrap,Razor,我有一个MVC5项目,我想添加日期选择器,目前它不工作,因为我在JS代码中有错误,我在这里缺少什么? 我尝试如下添加datetime选择器的Nuget,但它不起作用。 控制台中的错误是 Uncaught TypeError: undefined is not a function Create:93 (anonymous function) Create:93 你知道我在这里遗漏了什么吗 这是所有的页面代码 我可以分享项目,如果它需要这是一个非常简单的项目与3个领域 @model Testro
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")
}
@model TestropDownCreate.Models.TestModel
@{
ViewBag.Title=“创建”;
}
创造
@使用(Html.BeginForm())
{
@Html.AntiForgeryToken()
模型
@Html.ValidationSummary(true)
@LabelFor(model=>model.Name,新的{@class=“controllabel col-md-2”})
@EditorFor(model=>model.Name)
@Html.ValidationMessageFor(model=>model.Name)
@LabelFor(model=>model.SelectedGender,新的{@class=“controllabel col-md-2”})
@Html.DropDownListFor(model=>model.SelectedGender,model.Gender)
日期
//就在那里我犯了错误-->
$(函数(){
$('#datetimepicker4')。日期选择器({
拾取时间:错误
});
});
}
@ActionLink(“返回列表”、“索引”)
@节脚本{
@Scripts.Render(“~/bundles/jqueryval”)
}
我在您的代码中发现的一个错误是,您将同一脚本包含了两次—一次是普通版本,另一次是缩小版本
像这样-
<script src="~/Scripts/moment-datepicker.js"></script>
<script src="~/Scripts/moment-datepicker.min.js"></script>
你应该只包括其中一个。所以,要么包括
<script src="~/Scripts/moment-datepicker.js"></script>
或
您已经包含两次的其他脚本也是如此
希望,如果你解决了这个问题,它会解决你的问题,除非你的代码中有更多的错误。好的,我删除了所有的MIN,我只做了以下几点,但同样的问题会发生。。。除了重复的.min脚本之外,您似乎还有多个日期选择器库。选择其中一个,因为其他的可能会相互冲突。@Jasen-I删除了所有重复项,并且有相同的问题…我用我更改的内容更新了帖子,请看一看您的代码仍然包含两个日期选择器库:
moment datepicker.js
和bootstrap datetimepicker.js
。您还可以使用pickTime
选项。你从哪里得到这个选择的?使用该库并删除另一个。还要注意,有多个来自不同作者的“引导数据采集器”。将特定脚本的确切位置链接起来,以便其他人可以复制您的示例,这将很有帮助。您的控制台中是否有任何其他错误(某些脚本未加载或类似的错误)?正如Jasen告诉你的,你必须选择你想要使用的datepicker框架!
<script src="~/Scripts/moment-datepicker.min.js"></script>