【问题标题】:get start day of week and end day fullCalendar获取一周的开始日和结束日 fullCalendar
【发布时间】:2021-03-11 07:56:33
【问题描述】:

我正在准备使用laravel 5.8 中的fullCalendar 插件获得实际的一周。我需要得到它,将此日期发送给控制器并使用此日期进行查询。

在我的 script.js 中,我有一个 listener click,但将我的视图更改为周,并在标题中的这个视图中以这种格式放置当前周:

8 – 14 mar 2021

我想知道一周中的第一天和一周的最后一天。我也在托盘上

var currentDate = calendar
var beginOfWeek = currentDate.startOf('week');
var endOfWeek = currentDate.endOf('week');

但返回给我:

currentDate.startOf is not a function

因为currentData 返回空数组...但是我要插入我的日历,所以:

var calendar = new FullCalendar.Calendar(document.getElementById('calendar'), {
    headerToolbar: {
        left: 'prev next today',
        center: 'title',
        right: 'dayGridDay dayGridWeek dayGridMonth listMonth'
    },
    locale: config.lang,
    initialView: 'dayGridMonth',
    displayEventTime: true,
    
    events: dbEvents,

我的日历中有来自 DB 的所有事件...我不明白为什么我不能使用我的对象来使用 startOfendOf

我不知道我的逻辑做得很好,也许我应该对其他形式这样做。我怎样才能得到本周?甚至我想在下周或上周展示我这周可以得到。

非常感谢你的帮助,对不起我的英语希望你能理解我。

【问题讨论】:

  • 根据fullcalendar.io/docs#toc,fullCalendar 没有startOfendOf 周。我不确定你在那里试图做什么,或者你期望发生什么,或者为什么?您可以尝试使用calendar.view.activeStartcalendar.view.activeEnd - 请参阅fullcalendar.io/docs/view-object
  • 但是,我实际上建议您阅读fullcalendar.io/docs/events-json-feed,以便您可以定义动态事件源,并让 fullCalendar 在视图或日期更改时自动刷新事件。它会自动将正确的开始和结束日期发送到您的服务器,以便您的服务器可以正确返回所需的事件。而且您不必担心自己获取这些日期或触发刷新。如果你想从你自己的代码中触发刷新,你可以运行fullcalendar.io/docs/Calendar-refetchEvents
  • @ADyson 感谢您的回复,只是我需要这个!!!谢谢

标签: javascript fullcalendar laravel-5.8 fullcalendar-5


【解决方案1】:

有了这个功能,我得到了我一周的日子

/** GET DAYS OF WEEK */
  function getDaysOfWeek(){
    let startDayWeek = calendar.view.activeStart;
    let endDayWeek = calendar.view.activeEnd;

    var firstDay = new Date(startDayWeek);
    var lastDay = new Date(endDayWeek);

    dayStartWeek = firstDay.toISOString().substring(0,10);
    dayEndWeek = lastDay.toISOString().substring(0,10);
  }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-10-05
    • 1970-01-01
    • 2021-01-18
    • 2010-11-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-02
    相关资源
    最近更新 更多