Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/locales/bootstrap-datepicker.da.min.js"></script>
<br><br><br>
<div class="input-group input-append date" id="dateRangePicker">
                        <input type="text" data-provide="datepicker" class="form-control" name="date" id="kalib_dato" disabled readonly />
                        <span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
<button type="button" class="btn btn-default" id="enable">Enable</button>
<button type="button" class="btn btn-default" id="disable">Disable</button>

JavaScript

$(document).ready(function() {
    


$('#enable').click(function(){
 $('#dateRangePicker')
        .datepicker({
            format: 'dd/mm/yyyy',
            startDate: '01/01/2010',
            endDate: '12/30/2020',
			autoclose: true,
	    	language: 'da',
			enableOnReadonly: false
        });
	});
    });

$('#disable').click(function(){
 $(document).off('.datepicker.data-api');
    });