引导日期选择器日期范围从和到

Question

我有一个与 bootstrap3 datepicker 相关的问题，这是我的代码：

$(document).ready(
    /* This is the function for multi datepicker */
    function () {
        $(document).on('focus',".datepickers", function(){
            $("#searchByCreateDate").datepicker({
                endDate : new Date(), 
                beforeShow : function()
                {
                    $(this).datepicker({maxDate: 0});
                },
                autoclose:true,
                altFormat: 'yy-mm-dd', 
                format: 'yyyy-mm-dd'
            });
            $("#searchByToDate").datepicker({
                endDate : new Date(), 
                beforeShow : function()
                {
                    $(this).datepicker('option','startDate', $('#searchByCreateDate').val() );
                }, 
                altFormat: "yy-mm-dd", 
                format: 'yyyy-mm-dd',
                autoclose:true
             });
         }); 
    }
);

我有两个日期选择器——一个用于from date，第二个用于to date。我的要求是当用户选择from date 然后to date 以from date 开头并且以前的日期被隐藏并且在to date 中用户只能一次选择接下来的三个月。

Answer 1

您需要将startDate 和endDate 设置为您的日期选择器。由于您事先不知道所需的日期，因此您必须在选择第一个日期时添加它们 - onChange。你应该添加这个..

$('#searchByCreateDate').on("change", function(){
   //when chosen from_date, the end date can be from that point forward
   var startVal = $('#searchByCreateDate').val();
   $('#searchByToDate').data('datepicker').setStartDate(startVal);
});
$('#searchByToDate').on("change", function(){
   //when chosen end_date, start can go just up until that point
   var endVal = $('#searchByToDate').val();
   $('#searchByCreateDate').data('datepicker').setEndDate(endVal );
});

信息取自here。