[英]Daterangepicker event on icon click
单击此代码后,我的日历就会显示出来。
const initCalendar = () => {
$('#date').datepicker({autoclose: true, format: 'dd/mm/yyyy', todayHighlight: true});
};
我的JS代码中没有任何onclick事件,但是我的图标在Google chrome控制台中有一个事件。 span.input-group-addon
但是daterangepicker没有
const initDateRangePicker = () => {
$('#date2').daterangepicker({
locale: {
format: 'DD/MM/YYYY',
cancelLabel: 'Clear'
},
showDropdowns: true,
autoUpdateInput: false,
});
};
在两个示例中,HTML代码都是相似的。
<div class="form-group col-md-3">
<label class="control-label small">Date range</label>
<div class="input-group date" id="date">
<span class="input-group-addon btn">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
我不会在点击图标时打开daterangepicker。 我怎样才能做到这一点?
daterangepicker的文档公开了一个可以触发的事件,称为show.daterangepicker
。 您可以这样使用它:
$(document).on('click' , '#id_of_your_date_range_picker_icon' , function(){
$('#date2').trigger('show.daterangepicker');
});
PS将'#id_of_your_date_range_picker_icon'
替换为图标的ID或类。
@Alexander Solonik,您的解决方案无济于事。 无论如何,谢谢您的帮助。 这是我解决问题的方法^
$('.input-group-addon').click(function(event){
event.preventDefault();
$('#dat2').click();
});
$( '#date2的')。数据( 'daterangepicker')。节目()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.