Daterange pickerについて

Question

Daterangepicker について、
HTMLファイルで以下のコードを記載しておりますが、
inputのカラムよりうまくカレンダーが表示されません。

[状況]
以下のイメージでカラムは表示されますが、クリックしてもDaterangeのカレンダーが表示されません。

[参考]
コードやファイルにつきましては、こちらのサイトを参考にしております。
http://www.daterangepicker.com/

解決策をお分かりかたがいらっしゃいましたら、教えていただけると幸いです。
宜しくお願い致します。

<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />

<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />



<input type="text" name="daterange" value="01/01/2015 - 01/31/2015" />

<script>
$('input[name="daterange"]').daterangepicker(
{
    locale: {
      format: 'YYYY-MM-DD'
    },
    startDate: '2013-01-01',
    endDate: '2013-12-31'
},
function(start, end, label) {
    alert("A new date range was chosen: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});
</script>

Comments

[kei344]

プラグイン／ライブラリは似た名前のものもあるため、取得した場所のURLを質問文に追記ください。（URLにはリンクを張ることができます）また、「うまくできない」とは「何をしたときに」「どうなると思って」「どうなったのか」を、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

[rumi]

アドバイスいただきありがとうございます。現状のイメージ図及び参照URLを追加いたしましたので、宜しくお願い致します。

[kei344]

エラーの見方はわかりますか？デベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

[rumi]

ありがとうございます。コンソールを確認したところ、cdnで取得する全てのファイルにエラーが出ていました。こちら、頭にhttps:をつけることで解消はされたのですが、まだカレンダーの表示されない状態です。

[rumi]

現状、コンソールにはこちらのアラートのみ表示されています。`moment.js:732 Deprecation warning: moment().subtract(period, number) is deprecated. Please use moment().subtract(number, period).`

Answer 1

現状、コンソールにはこちらのアラートのみ表示されています。moment.js:732 Deprecation warning: moment().subtract(period, number) is deprecated. Please use moment().subtract(number, period).

多分下記ライブラリの事だとは思いますが、公式サイト内では古いバージョンのmoment.jsを使用しています。

【Date Range Picker for Bootstrap】
http://www.daterangepicker.com/

下記URLで試してみてください。

https://cdn.jsdelivr.net/momentjs/2.13.0/moment.min.js