jquery - 如何在bootstrap中设置datetimepicker的MinDate和maxDate属性

Question

我想在 Bootstrap 中为 datetimepicker 动态设置 minDate 和 maxDate 属性，请帮助我。

在这种情况下，在一个日期时间选择器中选择日期时，应将该选定日期设置为其他日期时间选择器的 minDate。

在第二个日期时间选择器中选择日期后，其所选日期应成为第一个日期时间选择器中的 maxDate。

我尝试过这种方法:

$(document).ready(function(){
      $(".form_datepicker_startdate").datetimepicker({         
       isRTL: App.isRTL(),
                format: "yyyy-mm-dd",
                weekStart: 1,
                todayBtn:  1,
          autoclose: 1,
          todayHighlight: 1,
          startView: 2,
          minView: 2,
          startDate:'<%= request.getSession().getAttribute("startdate") %>',
          endDate:'<%= request.getSession().getAttribute("enddate") %>',
          forceParse: 0,
                pickerPosition: (App.isRTL() ? "bottom-right" : "bottom-left")          
           }).on('changeDate', function (selected) {
                var minDate = new Date(selected.date.valueOf());
                $('.form_datepicker_enddate').datepicker('setMinDate', minDate);
            });


$(".form_datepicker_enddate").datetimepicker({         
       isRTL: App.isRTL(),
                format: "yyyy-mm-dd",
                weekStart: 1,
                todayBtn:  1,
          autoclose: 1,
          todayHighlight: 1,
          startView: 2,
          minView: 2,
          startDate:'<%= request.getSession().getAttribute("startdate") %>',
          endDate:'<%= request.getSession().getAttribute("enddate") %>',
          forceParse: 0,
                pickerPosition: (App.isRTL() ? "bottom-right" : "bottom-left")          
           }).on('changeDate', function (selected) {
                var maxDate = new Date(selected.date.valueOf());
                $('.form_datepicker_startdate').datepicker('setMaxDate', maxDate);
            });
     });

Answer 1

限制Botstrap datepicker ，我发现的最简单的方法是:

$("#datepicker").datepicker({

  maxDate : 'now'

});

这将禁用大于今天的日期。