BootStrap 年份范围

Question

我想指定两个日期选择器之间的范围。 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

这个特别是关于在日期选择器上禁用过去的日期： 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

您只需要指定您的“来自”日期选择器的 onSelect 属性：

onSelect: function(){
    $('#to').datepicker('option', 'minDate', new Date($(this).datepicker("getDate").getFullYear(),0,1));       
}