更新Twitter Bootstrap的日期范围选择器的选定日期

Question

我正在使用Dan Grossman的 Twitter Bootstrap 日期范围选择器.

初始化时,可以设置startDate和endDate等预定义值.是否可以稍后以类似的方式手动更新值？

我想要做的是用我保存的过滤器"加载"日期范围选择器,其中包括开始和结束日期(不是通过定义预定义的范围).只是通过jQuery更新日期范围选择器的字段将不会更新日历的实际选择.

我想在初始化日期范围选择器时我应该这样做:

var reportrange = $('#reportrange').daterangepicker(),
DateRangePicker = reportrange.data('daterangepicker');

但是,如何使用DateRangePicker手动更新日期范围选择器和日历以及新选择的日期？

Answer 1

该组件的最新版本提供了更新开始/结束日期的方法:

$("#reportrange").data('daterangepicker').setStartDate(startDate);
$("#reportrange").data('daterangepicker').setEndDate(endDate);

您不必自己调用更新方法,因为这些方法将处理所有这些.

Answer 2

我走在正确的轨道上.我可以通过以下方式使用DateRangePicker来更新日期:

DateRangePicker.startDate = moment(startDate.toJSON().slice(0, 10), DateRangePicker.format);
DateRangePicker.endDate = moment(endDate.toJSON().slice(0, 10), DateRangePicker.format);
DateRangePicker.updateView();
DateRangePicker.cb(DateRangePicker.startDate, DateRangePicker.endDate);
DateRangePicker.updateCalendars();