Bootstrap datepicker setValue example

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script>
<link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker3.css">
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <div class="row">
        <div class="col-lg-2">
            <div class="panel">
                <fieldset>
                    <legend>Bootstrap-datepicker set date sample</legend>

                        <label for="datepicker">Some special date</label>
                        <div  id="datepicker">
                </fieldset>
            </div>
        </div>
    </div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
body {
    padding: 20px;
}

JavaScript

var dateToday = new Date();
var currDate = dateToday.getDate();
var currMonth = dateToday.getMonth();
var currYear = dateToday.getFullYear();
var dateStr = currYear + "-" + currMonth + "-" + currDate;
var dp = $("#datepicker");
// set up
dp.datepicker({
    "endDate":dateToday,
    "dateFormat": "YY-MM-DD",
    "defaultDate": dateStr
});
var saleTable = $(".sales_table_div");
$(dp).datepicker()
.on('changeDate', function(e){
    //gets the full date formated
    selectedDate = dp.data('datepicker').getFormattedDate('yyyy-mm-dd');
    console.log(selectedDate)
});
$(dp).datepicker()
.on('changeMonth', function(e){ 
    //gets only the month, because the date is unset when we call this, its undefined
    //--tried the below
    //selectedDate = dp.data('datepicker').getFormattedDate('yyyy-mm-dd');
    //console.log($("datepicker-switch").innerHTML())
    //console.log(selectedDate.substring(5,7))
    console.log($(".datepicker-switch").text())
});
$(dp).datepicker()
.on('changeYear', function(e){
    //gets only the month, because the date is unset when we call this, its undefined
    //selectedDate = new Date(dp.data('datepicker'));
    console.log($(".datepicker-switch").text())
});