0

daterangepicker を使用する必要があるタスクがあるので、 http: //www.daterangepicker.com/ にアクセスしてそれについて学びました。コードペンで最も単純なデモを試すだけで、非常に簡単です。

しかし、コード zip を自分のコンピューターにエクスポートし、パッケージを解凍して、chrome と firefox でデモを実行しようとすると、ドロップダウン メニューが表示されず、日付の選択ができないという結果になりました。その理由と対処方法。

次のようなhtmlコード：

<!-- Include Required Prerequisites -->

<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" />

<!-- Include Date Range Picker -->

<script type="text/javascript" src="http://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />



<p>this is a daterangepicker demo</p>
<input type="text" value="01/01/2016-12/30/2016" name="daterange"></input>

このようなJSコード：

$(function() {
  $('input[name="daterange"]').daterangepicker();
});

これは私のコードペンです: http://codepen.io/zhangolve/pen/WxrNAL?editors=1111

4

1 に答える 1

0

これは、js の読み込みシーケンスが原因です。

ローディング シーケンスは次のとおりです。

 1. jquery.js    
 2. moment.js
 3. daterangepicker.js

https://jsfiddle.net/Bugfixer/L04oob66/

于 2016-07-18T04:41:57.677 に答える