Twitter Bootstrap Datepicker error

Question

I tried everything but can't get the datepicker to show up.

Bootstrap version v2.3.1.

Latest version of http://www.eyecon.ro/bootstrap-datepicker/

HTML:

<div class="input-append date" id="dpMonths" data-date="102/2012" data-date-format="yyyy-mm" data-date-viewmode="years" data-date-minviewmode="months">
<input class="" size="16" type="text" value="2013-03" readonly>
<span class="add-on"><i class="icon-calendar"></i></span>

<script src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
$(function() {
    $('#dpMonths').datepicker();
});
</script>

Javascript error:

Uncaught TypeError: Cannot read property 'fn' of undefined

Uncaught ReferenceError: $ is not defined

Answer 1

You need to have jquery included to get the bootstrap date picker working

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

Also add the CSS file for bootstrap datepicker in the head of your page.