jquery - 更改完整日历的按钮位置

Question

我有一个要求，应该使用 fullcalendar jquery 插件。但我需要定制它。就像，我需要将(日/月/周) View 按钮的位置更改为屏幕最左侧。当我尝试修改 fullcalendar.js 时，我发现它只能移动到日历的右侧/左侧。不超出这个范围。我需要将这些按钮放在左侧，就像页面侧边栏中的一样。是否可以？？或者还有其他选择吗？

我想一种方法是自己创建按钮并将它们连接到 Fullcalendar 小部件中。但我不是 jquery 专业人士，我更愿意尝试更简单的东西。谢谢。

Answer 1

一个简单快速的解决方案是单独保留插件 JS，只需隐藏内置按钮并在您想要的位置添加您自己的按钮即可。

在按钮的点击处理程序中，您触发关联的插件按钮的点击。它就像在浏览器控制台 html View 中检查每个按钮的类并添加到我开始的代码中一样简单

示例

/* quick hide with script for a test, best done with css */
$('.fc-header-right').hide();

$('#myWeekViewButton').click(function(){
    $('.fc-button-agendaWeek').click();
});

这在演示网站的浏览器控制台中测试良好