我正在开发引导日期选择器,我在日期选择器上有一个重置和提交按钮。我想为日期选择器上的一个按钮实现重置按钮功能。当用户从日历中选择新的日期范围并单击重置按钮时,应该突出显示以前(最初)选择的值并且新选择的值应该是清除。
请在此处找到代码演示
最初,当在“选择日期”字段中单击时,会打开一个日历,并选择日期 04/23/2017 作为开始日期,选择 06/07/2017 日期作为结束日期。当用户选择其他日期范围时,新选择的日期会突出显示。当用户单击重置按钮时,它必须再次突出显示最初选择的日期(04/23/2017 和 06/07/2017)(基本上我们正在清除新选择的值,以便用户可以选择其他日期范围)。
我已经浏览了 API,但无法获得预期的输出。
我尝试了如下
$('#reportrange').daterangepicker({
locale: { cancelLabel: 'Reset' }
});
$('#reportrange').on('cancel.daterangepicker', function(ev, picker) {
//do something, like clearing an input
$('#reportrange').val('');
});