Question

我分层运行bootstrap date＆amp;通过创建一个html文件本地的时间选择器，但是当我将代码粘贴到JSFiddle（链接：https://jsfiddle.net/fuu1v2t0/10/）时它虽然工作正常但它不起作用。

  $(function() {
    $('#datetimepicker2').datetimepicker({
      language: 'en',
      pick12HourFormat: true
    });
  });

<div class="well">
  <div id="datetimepicker2" class="input-append">
    <input data-format="MM/dd/yyyy HH:mm:ss PP" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>

我为这些文件包含了这些文件。 bootstrap.min.js，自举datetimepicker.min.js，自举combined.min.css，自举datetimepicker.min.css， bootstrap.css，

Answer 1

请确保您也调用了jQuery文件。

  RelativeDGV.DataSource = dt

可能意味着您没有在页面中调用jQuery库。

尝试将此脚本链接添加到标题中。 https://code.jquery.com/jquery-3.0.0.min.js

Answer 2

这里使用jQuery：

$(function() {
  $('#datetimepicker2').datetimepicker({
    language: 'en',
    pick12HourFormat: true
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://tarruda.github.io/bootstrap-datetimepicker/assets/css/bootstrap.css" rel="stylesheet" />
<link href="https://tarruda.github.io/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet" />
<script src="https://tarruda.github.io/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>

<div class="well">
  <div id="datetimepicker2" class="input-append">
    <input data-format="MM/dd/yyyy HH:mm:ss PP" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>

即使你没有包含jQuery，它在小提琴中工作的原因是：

点击javascript设置标签，你会看到jQuery已经存在。

Answer 3

在head标签中添加JQuery：

代码：

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

：）

引导日期＆amp;时间选择器不在本地工作

3 个答案: