在daterangepicker中设置值

Question

我正在使用下面的daterangepicker

但是，在我的Backbone模板中，我无法设置选定的日期

Daterangepicker选项：

 $('input[name="daterange"]').daterangepicker({
  autoUpdateInput: false,
  opens: "right",
  drops: "down",
  locale: {
    cancelLabel: 'Clear'
  },
  ranges: {
    'Today': [moment(), moment()],
    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
    'This Month': [moment().startOf('month'), moment().endOf('month')],
    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  }
});

小部件指出，我们必须使用以下函数来实现它：

$('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
  });

  $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
  });

如何在我的Backbone视图中编写这些内容？

Answer 1

可能最好的方法是触发代码，在呈现视图后手动设置选定的日期。默认情况下，Backbone不提供任何postRender事件处理，但是您可以自己编写它。所以-首先你应该渲染你的模板，当DOM被更新时(所有的控件都对$可用)，运行设置inits/ updated日期选择器的方法。

有关postRender机制的更多信息，请参阅本主题：Backbone.js event after view.render() is finished

希望能有所帮助