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>