なぜ私のdaterangepickerデモはlocalhost上で実行できないのですか？

Question

私はdaterangepickerを使うべき仕事があるので、私はhttp://www.daterangepicker.com/に行き、それについて学びました、私は私のcodepenでもっとも簡単なデモを試してみました。とても簡単です。

しかし、コード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(); 
}); 

これは私のcodepenです：http://codepen.io/zhangolve/pen/WxrNAL?editors=1111

Answer 1

は、これは、あなたのjsロード・シーケンスは次のとおりです。

ロードシーケンスは次のとおりです。

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

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