Bootstrap datepicker setValue example

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

by mrrodd

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>
                    <div class="form-group">
                        <label for="exampleInputDate">Some special date</label>
                        <input type="text" class="form-control" id="exampleInputDate">
                    </div>
                </fieldset>
            </div>
        </div>
    </div>

CSS

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

JavaScript

var firstDayOfMonth = function() {
    // your special logic...
    return 5;
};

var d = new Date();
var currMonth = d.getMonth();
var currYear = d.getFullYear();
var startDate = new Date(currYear,currMonth,firstDayOfMonth());
$('#exampleInputDate').datepicker('setDate',startDate);