[英]set value in daterangepicker
我正在使用以下daterangepicker
但是,在我的骨干模板中,我无法设置所选日期
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不提供任何postRender事件处理,但是您可以自己编写。 所以-首先,您应该呈现您的模板,并且在DOM更新时(所有控件都可用于$),运行设置init / updates datepickers的方法。
有关postRender机制的更多信息,您可以在本主题中找到: view.render()完成后的Backbone.js事件
希望能帮助到你
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.