twitter-bootstrap - 防止用户在使用 Bootstrap-datepicker 时选择以前的日期

Question

我想阻止用户选择以前的日期，从而在我的日期选择器中禁用以前的日期。我正在使用来自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;
    }
});

这是一个带有工作示例的演示（jsfiddle） 。

Answer 2

我的 Stefan 代码分支支持startDate就是为了这样的目的。