2013-03-20 5 views
6

Я пытался получить bootstrap datepicker отсюда: https://github.com/eternicode/bootstrap-datepicker работать, но каландр не появится вообще. Не знаете, что мне не хватает? Я правильно все связал. Любая помощь будет большой, спасибо!Bootstrap datepicker не работает вообще

<link href="css/bootstrap.css" rel="stylesheet"> 
<link href="css/datepicker.css" rel="stylesheet"> 

<input type="text" value="02/16/12" data-date-format="mm/dd/yy" class="datepicker" > 

<script src="js/bootstrap.js"></script> 
<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 

<script type="text/javascript"> 
$('.datepicker').datepicker(); 
</script> 

+1

все, что отображается в консоли javascript? И ваш ввод действительно выше тегов скрипта или вы просто уплотняете код? – Ronnie

ответ

5
$(document).ready(function() { 
    $('.datepicker').datepicker(); 
}) 

Он работает на here я использовал JQuery 1.7.2, 2.0.2 Bootstrap и последней datepicker JS. CSS отсутствует в моем тесте, но datepicker происходит при нажатии! :-)

+1

Спасибо за ответ, но я добавил это, и он все еще не работает. Я помещаю его непосредственно перед тегом. Вход находится над тегами сценария. – Soulipsyz

+0

Хорошо, я вижу, тогда проблема должна быть расположена где-то в другом месте. Вы пытались запустить JS в консоли FireBug? – powtac

+0

@Soulipsyz Я создал рабочий тест: http://jsfiddle.net/powtac/kGDGX/ – powtac

4

Вам необходимо загрузить jquery, прежде чем загружать bootstrap.js, в дополнение к добавлению $ (document) .ready().

<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 

Надеюсь, что это поможет.

Смежные вопросы