0
У меня есть задача, которая должна использовать daterangepicker, поэтому я открылся до http://www.daterangepicker.com/ и узнал об этом, просто попробую простейшую демонстрацию в моем кодепе, это очень просто.Почему моя демоверсия daterangepicker не может работать на локальном хосте?
Но когда я пытаюсь экспортировать код zip на свой компьютер и распакую пакет и запускаю демо на моем хром и 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
Вы получаете какие-либо ошибки в консоли? Также убедитесь, что вы не включаете 2 разные версии _jQuery_ на той же странице. Кроме того, убедитесь, что jQuery использует переменную '$', а не другую фреймворк javascript. –
хромированная консоль показывает ошибку: daterangepicker.js: 1595 Uncaught TypeError: Не удается прочитать свойство 'Fn' неопределенной неперехваченным TypeError:. $ (...) daterangepicker не является функцией index.js Но это блуждайте, почему я могу успешно запустить код в кодедере. –
@ palaѕн в любом случае, спасибо, проблема решена –