Question

点击fullcalendar上的日期会启动模式“#view_event”。我想知道我点击的日期。每个日期都有“.fc-day”类，其属性为data-date =“2015-02-13”。所以我尝试了以下内容。

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

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

Answer 1

请勿使用classes访问日期。有方法可以获得日期，下面是您可以在初始化日历时执行此操作的方法，使用它，您可以单独获取date，month和year。

    $('#calendar').fullCalendar({

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

    });

Answer 2

使用＆＃39;选择＆＃39;在fullcalendar中

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 3

全日历提供默认事件以获取选定的日期和时间。因此，不需要使用任何额外的东西，只需要使用下面的代码片段，您将获得完整日历中的选定日期。这将是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());
}

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

4 个答案: