Javascript “日期选择器”中有错误;“未定义”不是一个函数;
我想使用日期时间选择器,如下所示Javascript “日期选择器”中有错误;“未定义”不是一个函数;,javascript,jquery,asp.net,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Asp.net,Twitter Bootstrap,Twitter Bootstrap 3,我想使用日期时间选择器,如下所示 <script type="text/javascript"> $(function() { $('#datetimepicker4').datetimepicker({ pickTime: false }); }); </script> <div class="well"> <div id="datetimepicker4" class="input-append">
<script type="text/javascript">
$(function() {
$('#datetimepicker4').datetimepicker({
pickTime: false
});
});
</script>
<div class="well">
<div id="datetimepicker4" class="input-append">
<input data-format="yyyy-MM-dd" type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
</div>
$(函数(){
$('#datetimepicker4')。datetimepicker({
拾取时间:错误
});
});
但问题是JS Undefined中的I get错误不是一个函数
我在MVC5应用程序中使用bootstrap3,这里会出现什么问题
我尝试添加以下没有帮助的库
<script src="//code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="~/Content/bootstrap.min.css" />
<script type="text/javascript" src="https://eonasdan.github.io/bootstrap-datetimepicker/scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="https://eonasdan.github.io/bootstrap-datetimepicker/scripts/moment.js"></script>
<script type="text/javascript" src="https://eonasdan.github.io/bootstrap-datetimepicker/scripts/bootstrap-datetimepicker.js"></script>
请调用jQUery top关闭所有脚本
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
您是否尝试过将日期选择器实例化脚本放在HTML代码下面
<div class="well">
<div id="datetimepicker4" class="input-append">
<input data-format="yyyy-MM-dd" type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#datetimepicker4').datetimepicker({
pickTime: false
});
});
</script>
$(函数(){
$('#datetimepicker4')。datetimepicker({
拾取时间:错误
});
});
添加jquery
<script src="~/Scripts/jquery.ui.datepicker-de.js"></script>
在我的例子中,jquery-s出现了问题,我需要jquery用于我的布局,之后我导入了该部分
@RenderBody()
我修复了这个问题,只为jquery创建了BundleConfig脚本,并在RenderBody()部分之前导入了该脚本,当然是在我的布局部分
bundles.Add(new ScriptBundle("~/bundles/jquerym").Include(
"~/Scripts/libs/jquery-{version}.js"));
在这之后,我并没有问题jquery还并没有准备好,我也并没有必要在我显示datetimepicker的页面上导入那个部分。这与您的datetimepicker不同,但基本相同:
<script type="text/javascript" src="/Scripts/moment.min.js"></script>
<script type="text/javascript" src="/Scripts/bootstrap-datetimepicker.js"></script>
<link rel="stylesheet" href="~/Content/bootstrap-datetimepicker.min.css" />
<script>
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
$(函数(){
$('#datetimepicker1')。datetimepicker();
});
在jQuery UI之前包含jQuery文件。@ShaunakD您能告诉我需要包含哪些文件吗?哪些是必需的…,我对您的代码有点困惑,您在jQuery之前引用了jQuery UI。jQuery UI依赖于jQuery…所以在更改包含文件的顺序后,在jQuery-UI.Works为我工作之前,您需要引用jQuery。在你的JS代码之前,检查你是否正确加载了脚本。@ShaunakD谢谢,现在我只有以下参考资料,但我还是发现了错误,知道吗?如果这没有帮助,请帮自己一个忙,创建一个plunkr或jsbin,这样我们就可以看到问题的发生,并尝试从那里帮助您。确定jQuery是否调用success@HolgerTans@ShibinRagh-你所说的成功是什么意思?是的,我试过了,但是没有成功,你还有别的想法吗,或者你可以告诉我我必须放哪个库…我唯一做的改变就是改变了这两个脚本包含的顺序:我的脚本文件夹中没有这个文件,我应该如何以不同的方式引用它…将此插件下载到您的脚本文件夹。我应该从哪里执行此操作?这不是jquery,这是与jquery不同的jquery UI