从完整日历中获取点击日期

Question

单击 fullcalendar 上的日期会启动模式“#view_event”。我想获取我点击的日期。每个日期都有 class '.fc-day' 有一个属性 data-date="2015-02-13"。所以我尝试了以下方法。

$(".fc-day").click(function(){
    var fetchDate = $(this).data("date");
    $("#displayDate").text(fetchDate);
});

'#displayDate' 是模式中的 p 元素。上面的代码不起作用。怎么了？

Answer 1

在全日历中使用 'select'

o.fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month'
    },
    select: 
      function(start,end){ 
          alert(start); 
          alert(end); 
          // var selDate = new Date(start);
          // add your function
    },
    editable: false
});

fullcalendar/select

Answer 2

不要使用 classes 访问日期。有多种获取日期的方法，下面是您可以在初始化日历时执行的方法，使用它，您可以分别获得 date 、 month 和 year。

    $('#calendar').fullCalendar({

        dayClick: function(date, jsEvent, view) { 
            alert('Clicked on: ' + date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear());  
        },

    });

Answer 3

Fullcalendar 提供默认事件以获取选定的日期和时间。所以不需要使用任何额外的 thing.Only 你需要使用下面的代码片段，你将在完整日历中获得选定的日期。它将是 UTC 格式，因此您必须根据您的时区进行一些处理才能获得该日期

$('#calendar').fullCalendar({ 
     dayClick: function(date, jsEvent, view) { 
         alert("Selected Date:"+date._d)
      }
  });

如果您觉得此答案有用，请提供您的反馈。

Answer 4

根据官方文档https://fullcalendar.io/docs/v3/handlers

dayClick: function(date, jsEvent, view) {
    console.log('clicked on ' + date.format());
}

从完整日历中获取点击日期

get clicked date from full calendar

javascript

jquery

fullcalendar