Question

我想使用日期时间选择器，如下面的

<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>

但问题是我在JS undefiend中遇到错误不是函数

我在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>

Answer 1

请在所有脚本

上调用jquery

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

Answer 2

您是否尝试过将您的Datepicker实例化脚本放在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>

Answer 3

添加jquery

<script src="~/Scripts/jquery.ui.datepicker-de.js"></script>

Answer 4

在我的情况下，涉及到jquery-s存在问题，我需要jquery用于我的布局，并且我在

之后导入该部分

 @RenderBody()

我通过在BundleConfig脚本中仅为jquery创建并在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>

日期选择器错误＆＃34; undefined不是函数＆＃34;

4 个答案: