【问题标题】:get the hovered date from an ajax fullCalendar从 ajax fullCalendar 获取悬停日期
【发布时间】:2019-09-27 03:56:27
【问题描述】:

i 正在使用一个 jquery Full Calendar,它根据来自 ajax 的响应在每个日期显示我的数据信息。

    $('.mycalendar').fullCalendar('getDate');
 $('.mycalendar').fullCalendar({
     eventRender: function(event, element, view) {
     },
    eventMouseover: function (data, event, view) {
      console.log("mouse is hovered on a date");
     //get the date on which mouse is hovered
   }
 });

如何使用“eventMouseover”事件处理程序在鼠标悬停时从日历中获取日期? 这样我就可以根据这个日期处理数据,因为我想显示的数据会根据使用的日期而有所不同,使用悬停在日历上。

【问题讨论】:

    标签: javascript fullcalendar fullcalendar-3


    【解决方案1】:

    回调的第一个参数是日历事件对象。这包含事件的开始和结束日期。所以你可以写类似

    eventMouseover: function (event, jsEvent, view) {
      console.log("mouse hovered over an event which starts on " + event.start.format("YYYY-MM-DD")  + " and ends on " +event.end.format("YYYY-MM-DD"));
    }
    

    当然,如果事件跨越多天,它无法准确告诉您是哪一天被悬停。

    请参阅https://fullcalendar.io/docs/v3/eventMouseoverhttps://fullcalendar.io/docs/v3/event-object 了解更多详情。

    【讨论】:

    • 我从 ajax 获取包含开始和结束日期的数据,我想根据鼠标悬停的日期显示不同的数据。
    • 好吧,简短的回答是,这是不可能的,抱歉。我在上面向您展示的是您可以做的最接近的事情。
    • 如果您愿意基于点击(而不是悬停)来执行此操作,那么您可以使用dayClick,只要用户在特定日期点击就会触发。从中您可以获取点击日期并在您的代码中使用它。
    • 是的,这样我就可以得到具体的日期,thankq
    猜你喜欢
    • 1970-01-01
    • 2012-03-18
    • 2014-07-09
    • 1970-01-01
    • 1970-01-01
    • 2018-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多