【问题标题】:Fullcalendar prev /next APIFullcalendar prev /next API
【发布时间】:2021-05-09 06:06:54
【问题描述】:

我已经以角度实现了 fullcaleandar,它工作正常。通常,上一个/下一个单击将根据当前处于活动状态的选项卡更新月/日/周视图。但我有自定义按钮来增加或减少周和天的值。因此,无论活动视图选项卡如何,我都试图在完整的日历上一个和下一个按钮中单独更新月份。 (只是因为我有其他按钮来控制日/周视图)

这意味着即使日历在日/周视图中,如果我单击 Fullcalendar 下一个/上一个按钮,月份值应该递增/递减,而不是天/周值。

我正在考虑将月份数据发送到调用 prev/next 时触发的内置日历 api 的任何选项?是否可以按照全日历方法这样做?

谢谢。

【问题讨论】:

  • 不清楚你的意思。如果您在月视图中,则单击下一个或上一个按钮(或运行 equivalent functions 将向前或向后导航一个月。如果您在周视图中,相同的按钮(或功能)将导航一个周。如果您在日视图中,它们会导航一天。这一切都很有道理。我不清楚您要自定义什么或为什么?单击这些按钮时您希望发生什么完全不同的事情?也许你只需要重新表述你的问题。
  • @ADyson 我已经更新了问题,请检查它现在是否清楚。我想在单击这些图标时更新月视图。现在根据 fullcalendar,所有三个视图都使用相同的按钮进行更新,对吗?我已经为周视图和日视图添加了其他 2 个按钮。所以我只希望这些按钮单独增加/减少月份数据。希望它清楚。也就是说,例如,如果日历在 6 月,而日期选项卡,如果我单击下一步按钮,则该月应移至 7 月,而与活动视图无关。
  • 我明白了,是的,这更清楚了。只有一个问题 - 例如,如果它处于“日”模式,并且这一天是 6 月 10 日,当按下“下个月”按钮时,日历应该移动到 7 月 1 日还是 7 月 10 日?已经存在一个“明年”按钮 fullCalendar,在我刚刚给出的示例中,它将日历带到下一年的 6 月 10 日,所以我想为了保持一致性,它的行为方式应该与你的相同,然后到 7 月 10 日,但我只是想看看你的意图?
  • 我的意图是转移到 7 月 1 日。在您指定的方法中,我们可以使用 fullcalendar 转移到 2021 年 7 月 10 日吗?如果我们使用 nextyear ,它将向右移动到 july10 2022 ,如果日期 2021 年 6 月 10 日?我不确定,只是问...
  • nextYear 方法只适用于下一年。您不能将其用于您的想法,只是为了比较而提到的。我在问你想要这种方法做什么,以便我们可以创建一个。如果您创建一个自定义按钮,那么当它运行时,您可以获取当前日期,从中提取月份,将其加一,然后使用 goToDate 函数 (fullcalendar.io/docs/Calendar-gotoDate) 转到下个月的第一天跨度>

标签: javascript fullcalendar fullcalendar-5


【解决方案1】:

在您尝试重写 FullCalendar 代码的某些部分之前,这实际上是不可能Fullcalendar documentation 建议增量和减量取决于当前视图。理想情况下,用例(甚至是 FullCalendar 提供的 API)建议,如果月份是视图,则增加 1 个月。如果是周视图,则增加 1 周。您可以尝试寻找一些解决方法,但我认为没有。

一个建议的解决方法是:

  • 获取 FullCalendar 显示的当前日期
  • 获取当前视图('timeGridDay'等)
  • 然后通过递增dateOrRange 对象来使用changeView method

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多