Datepicker Bootstrap

Datepicker Bootstrap.markdown

Datepicker Bootstrap

A Pen by Ry Arush on CodePen.

License.

index.html

<form id="" method="post" class="form-horizontal">
        <div class="form-group">
        <label class="col-xs-3 control-label">Date</label>
        <div class="col-xs-5 date">
            <div class="input-group input-append date" id="weekYear">
                <input type="text" class="form-control" name="date" value="MM / YYYY" />
                <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
          <button type="submit" class="btn btn-default">Proceed</button>
    </div>
</form>

script.js

$('#weekYear').datepicker(
{
  todayHighlight: true,
  format: "mm-yyyy",
   viewMode: "months", 
   minViewMode: "months" 
});
$("#weekYear").on("changeDate", function(event) {

});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>

styles

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css" rel="stylesheet" />