BootStrap年份范围

Question

我想指定两个datepicker之间的范围。 from和to如下所示

在上面的图片中，我选择了from year作为2011，现在我不想选择to year小于年份。怎么能实现这一点。

代码

$('#from').datepicker({
        format: "yyyy",
        autoclose: true,
        minViewMode: "years"
});

$('#to').datepicker({
        format: "yyyy",
        autoclose: true,
        minViewMode: "years"
});

JS Fiddle

Answer 1

检查Fiddle

代码

$('#from').datepicker({
        format: "yyyy",
        autoclose: true,
        minViewMode: "years"
})    .on('changeDate', function(selected){
        startDate =  $("#from").val();
        $('#to').datepicker('setStartDate', startDate);
    }); 
;


$('#to').datepicker({
        format: "yyyy",
        autoclose: true,
        minViewMode: "years"
});

见

 on('changeDate', function(selected){
     startDate =  $("#from").val();
     $('#to').datepicker('setStartDate', startDate);
}); 

逻辑：

在我选择From year之后，我使用$('#to').datepicker('setStartDate', startDate); 设置了From Datepicker设置的最小年份。

Answer 2

因为这是一个常见的问题，到目前为止有很多关于这个问题的帖子。 他们中的大多数几乎与你的完全相同。

你可以检查这个，例如它也用ajax / jQuery编写 jQuery Date Picker - disable past dates

这一点大概是关于在datepicker上禁用过去的日期： disable past dates on datepicker

所以它或多或少是重复的问题，你可以从已经问过的问题中解决这个问题。

有关minDate的更多信息，请参阅API： http://jqueryui.com/datepicker/#option-minDate

我想一个修复检查就是将minDate设置为这样（在上面给出的链接中写下这段代码的Dasun的信用）

minDate: dateToday Or minDate: '0' is the key here. Try to set the minDate property.

$(function() {
    $( "#datepicker" ).datepicker({
            numberOfMonths: 2,
            showButtonPanel: true,
            minDate: dateToday // minDate: '0' would work too
        });
});

Answer 3

这是demo

您只需要在“选择”属性中指定“from”datepicker：