显示两个日历月的引导日期时间选择器

Question

这里看起来像：

我希望它只显示一个月，日期范围从 minDate 到 maxDate。这很好用，但由于某种原因它显示了两种视图..

这里是 JS：

var maxDate = new Date();
var minDate = $("#from").val();
var datePickerLimits= $("#from, #to").datetimepicker({
  minDate: minDate,
  maxDate: maxDate,
  pickTime: false,
  onSelect: function(selectedDate) {
      var option = this.id == "from" ? "minDate" : "maxDate",
          instance = $(this).data("datetimepicker"),
          date = 
$.datetimepicker.parseDate(instance.settings.dateFormat || 
$.datetimepicker._defaults.dateFormat, selectedDate, instance.settings);
      dates.not(this).datetimepicker("option", option, date);
  }
});

导轨：

  = text_field_tag :from_js, l((params[:from].to_datetime or 
@item.date), format: :american_no_time), class: 'form-control 
input-sm datetimepicker', id:  'from'

 = text_field_tag :to_js, l((params[:to].to_datetime or 
@item.date_end), format: :american_no_time), class: 'form-control 
input-sm datetimepicker', id:  'to'

这与 rails 一起使用，但它似乎发生在 JS 中，因为唯一被调用的是类 datetimepicker。

Answer 1

在日期选择器中添加 Startdate 和 EndDate

var today = new Date();
var lastDate = new Date(today.getFullYear(), today.getMonth() + 1, 0);

在你的脚本中添加

var today = new Date(); //Get today's date
var lastDate = new Date(today.getFullYear(), today.getMonth() + 1, 0);  //To get the last date of today's month
$("#datepicker").datepicker({
    startDate: today,
    endDate: lastDate
});

Answer 2

这解决了问题。

 var maxDate = new Date();
 var minDate = $("#from").val();
$(function () {
      $('#from').datetimepicker({
      minDate: minDate,
      maxDate: maxDate,
      pickTime: false
      });

      $('#to').datetimepicker({
      minDate: minDate,
      maxDate: maxDate,
      pickTime: false
      });
});