时间戳

首页 > 解决方案 > 引导日期选择器库加载顺序问题

javascript - 引导日期选择器库加载顺序问题

问题描述

我正在为我的应用程序使用 SB Admin 模板。我想将引导日期选择器添加到我的输入中。但不知何故，我错过了 JS 和 CSS 库加载顺序的顺序，我认为这在我的情况下不起作用，因为它正在阅读多篇文章。

以下是<html>部分中的代码

$('#datetimepicker').datepicker();
<head>
    <link href="{{URL::asset('css/sb-admin-2.min.css')}}" rel="stylesheet">
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.4.0/lang/en-gb.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.0.0/js/bootstrap-datetimepicker.min.js"></script>
</head>

<body>
    <div class="col-md-4">
      <label class="control-label" for="birthday">Birthday:</label>
      <div class="form-group">
        <div class='input-group date' id='datetimepicker'>
          <input type='text' class="form-control" placeholder="dd/mm/yyyy" value="" />
          <span class="input-group-addon">
                     <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
</body>

提前致谢。

标签： javascripthtmljquery

解决方案

据我所知，这与 moment.js 存在冲突。如果 moment 有自己的 datepicker 库，请查看。

推荐阅读