Twitter Bootstrap Datepicker Min Date

Datepicker plugin from http://www.eyecon.ro/bootstrap-datepicker/

by Keyur Patel

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap.min.css">
<script src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<link rel="stylesheet" href="http://www.eyecon.ro/bootstrap-datepicker/css/datepicker.css">
<div data-date-format="dd-mm-yyyy" data-date="12-02-2012" class="input-append date myDatepicker">
    <input type="text" value="" size="16" class="span2">
    <span class="add-on"><i class="icon-calendar"></i></span>
</div>

CSS

body { padding: 40px; }

JavaScript

$('.myDatepicker').each(function() {
    var minDate = new Date();
    minDate.setHours(0);
    minDate.setMinutes(0);
    minDate.setSeconds(0,0);
    
    var $picker = $(this);
    $picker.datepicker();
    
    var pickerObject = $picker.data('datepicker');
    
    $picker.on('changeDate', function(ev){
        if (ev.date.valueOf() < minDate.valueOf()){
            
            // Handle previous date
            alert('Nope');
            pickerObject.setValue(minDate);
            
            // And this for later versions (in case)
            ev.preventDefault();
            return false;
        }
    });
});