触发器（'click'）在datepickerrange日历项目上不起​​作用

Question

我正在使用http://www.daterangepicker.com/的日历，尝试以编程方式单击特定日期。

奇怪的是，我可以使用以下代码设置.css（'border'，'1px solid red'）。 但是为什么.trigger（'click'）不起作用？

$(".daterangepicker").find("[data-title='" + item + "']").trigger('click');
$(".daterangepicker").find("[data-title='" + item + "']").css('border','1px solid red');

  

我认为这是日期选择范围问题，有人可以帮忙吗？

我要这样做的原因是，我有一个嵌入式日历。

如果在该日历中单击了某个项目，则以正确的形式打开弹出式日历。 CSS边框有效，但我无法使用.trigger（'click'）启用日期

  

这是一支笔：https://codepen.io/exotec/pen/rrjNVY 在JS中搜索以下两行：

$("#original .daterangepicker "+parentClass).find("[data-title='" + item + "']").trigger('click');
$("#original .daterangepicker "+parentClass).find("[data-title='" + item + "']").css('border','1px solid red');

Answer 1

由于点击不起作用，我现在通过点击日期的值设置一个新的开始日期。

// build startdate
var monthAndYear = parent.find('.month').text();
monthAndYear = monthAndYear.split(' ');
var day = $(this).text();
var month = moment().month(monthAndYear[0]).format("MM");
var year = monthAndYear[1]

// set startdate
var drp = $('#daterange').data('daterangepicker');
var start = moment(year+'-'+month+'-'+day);
// console.log(month);
// console.log(year);
drp.startDate = start;
drp.endDate = null;
drp.updateView();
drp.updateCalendars();