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