如何在完整日历jquery中获取当前显示的日期范围

我已经在我的应用程序中实现了。我在获取当前显示的日期范围时遇到问题。 我想获取完整日历中当前显示的日期范围。 请给我一个合适的解决方案

例如，请看这张图片

在这篇文章中，我想得到“9月20日”和“9月26日”。

试试这个

添加此函数并调用此函数。它会帮助你的

  function GetCalendarDateRange() {
        var calendar = $('#calendar').fullCalendar('getCalendar');
        var view = calendar.view;
        var start = view.start._d;
        var end = view.end._d;
        var dates = { start: start, end: end };
        return dates;
    }

在版本4.0中，$（）.fullCalendar（'next'）不再存在。您可以使用Calendar.next（），其中Calendar是对象的实例

例如，要捕获开始日期，请执行以下操作： calender.view.activeStart

---

有关更多信息，请参阅文档：

我通过访问

calendar.state.dateProfile.currentRange

日历在哪里

calendar = new FullCalendar.Calendar(calendarEl}
    

---

我没有足够的声誉，但在我看来，用户2682863的答案是最好的

通过这种方式，您可以使用他们的API，而不是使用jquery从前端检索它

通过访问View对象（），您可以像这样获得当前范围（在Vue中）

---

我知道这个问题已经得到了回答，但是上面的方法在v5中对我都不起作用，所以我将发布我所做的。在对文档进行了一次令人沮丧的搜索之后，我看到了这个页面。使用DateSet可以获得开始和结束日期以及完整视图

如果在init上添加处理程序，则每当用户通过我需要的按钮更改日期时，就会触发：

  document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
      initialView: 'dayGridMonth',
            dateClick: function (info) {
                alert('clicked ' + info.dateStr);
            },
            datesSet: function (dateInfo) {
                var start = dateInfo.start;
                var end = dateInfo.end;
                var startStr = dateInfo.startStr;
                var endStr = dateInfo.endStr;
                var timeZone = dateInfo.timeZone;
                var view = dateInfo.view;
            }
    });
    calendar.render();
  });

---

您只需返回

view.start

和

view.end

即可，运行良好！tks！

var calendarApi = this.$refs.calendar.getApi();
this.dates = calendarApi.state.dateProfile.currentRange;

  document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
      initialView: 'dayGridMonth',
            dateClick: function (info) {
                alert('clicked ' + info.dateStr);
            },
            datesSet: function (dateInfo) {
                var start = dateInfo.start;
                var end = dateInfo.end;
                var startStr = dateInfo.startStr;
                var endStr = dateInfo.endStr;
                var timeZone = dateInfo.timeZone;
                var view = dateInfo.view;
            }
    });
    calendar.render();
  });

In version 5.5.1 , you have to use

var view = calendarObj.view; // calendarObj is the reference to the fullcalendar
var start = view.activeStart;
var end = view.activeEnd;

start and end variables are Date.