如何在引导程序中设置datetimepicker的MinDate和maxDate属性 [英] how to set MinDate and maxDate property of datetimepicker in bootstrap

问题描述

我想为bootstrap中的datetimepicker动态设置minDate和maxDate属性，请为此提供帮助.

i want to set minDate and maxDate property dynamically for datetimepicker in bootstrap,please help me out in this.

在这种情况下，当在一个datetimepicker中选择日期时，应将所选日期设置为另一datetimepicker的minDate.

in this scenario, while while selecting the date in one datetimepicker it should set that selected date as minDate for other datetimepicker.

并在第二个datetimepicker中选择日期后，其选择的日期应在第一个日期时间选择器中变为maxDate.

and after selecting the date in second datetimepicker,its selected date should become maxDate in first date time picker.

我尝试过这种方式:

$(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);
            });
     });

推荐答案

以限制 Bootstrap日期选择器，我发现的最简单的方法是:

to limit Botstrap datepicker, the simplest way that I found is:

$("#datepicker").datepicker({

  maxDate : 'now'

});

这将禁用比今天更大的日期.

This Will disable the date greater than today.

这篇关于如何在引导程序中设置datetimepicker的MinDate和maxDate属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！