如何在FullCalendar 1.6.4中通过代码模拟点击单个日期?
解决FullCalendar 1.6.4模拟点击单个日期的问题
你的代码无效可能是因为FullCalendar 1.6.4的select方法对参数格式有要求,或者需要直接触发日期单元格的点击事件,以下是两种可行方案:
方案一:修正select方法的参数类型
FullCalendar 1.6.4的select方法期望接收Date对象而非字符串日期,你需要先把日期字符串转换为Date类型:
var initialDate = new Date("2023-02-21"); // 调用select方法,第三个参数allDay设为true表示全天 $('#calendar').fullCalendar('select', initialDate, initialDate, true);
注意:确保日历初始化时开启了selectable配置,否则select方法不会生效:
$('#calendar').fullCalendar({ selectable: true, // 必须开启这个配置 // 其他日历配置项... });
方案二:直接触发日期单元格的点击事件
如果select方法仍然不生效,可以直接定位到目标日期的DOM单元格,手动触发点击事件:
var initialDate = "2023-02-21"; // 通过data-date属性找到对应日期的单元格 var targetCell = $('.fc-day[data-date="' + initialDate + '"]'); // 触发点击事件 targetCell.click();
内容的提问来源于stack exchange,提问作者Mr Sujon
相关产品推荐
相关产品推荐

