使用Bootstrap-datepicker时，阻止用户选择以前的日期

Question

我想阻止用户选择以前的日期，从而在我的datepicker中禁用以前的日期。我正在使用http://www.eyecon.ro/bootstrap-datepicker中的bootstrap-datepicker。

我这样调用了javascript

<script>
$(function() {
    $( ".mydatepicker" ).datepicker({
       format:'yyyy/mm/dd'
    });
});
</script>

Answer 1

不支持验证日期（截至目前），但该插件提供了您可以收听的事件：在这种情况下，changeDate事件。

var minDate = new Date(); // Our minimum

$('.someSelector').datepicker()
.on('changeDate', function(ev){
    if (ev.date.valueOf() < minDate.valueOf()){

        /* Handle previous date */
        alert('Nope');
        // and eventually reset the date

        /* And this for later versions (just in case) */
        ev.preventDefault();
        return false;
    }
});

这是一个demo (jsfiddle)，其中有一个工作示例。

Answer 2

My fork Stefan的代码仅为此目的支持startDate。