FullCalendar:通过将鼠标悬停在时间段上来获取时间

发布于 2024-10-28 09:11:43 字数 22 浏览 1 评论 0原文

如何获取时间段实际悬停的时间?

How do I get the time a time slot actually hovered?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

暗藏城府 2024-11-04 09:11:43

找到了解决方案:

fullcalendar 中的这个选项对我有用

viewDisplay: function( view ) {
      $('.fc-minor').mouseenter(
             function() { $('#myTime').html($(this).children('th').html()); 
      }); 
}

found a solution:

this option in fullcalendar works for me

viewDisplay: function( view ) {
      $('.fc-minor').mouseenter(
             function() { $('#myTime').html($(this).children('th').html()); 
      }); 
}
¢好甜 2024-11-04 09:11:43

我的目标是每个单元格的“数据日期”属性,在我的 vue 项目中使用此库的 vue 组件,使用此评论时的最新版本 5.8.0。当您将鼠标悬停在日历对象上时,您可以对日历对象执行类似的操作,然后在工具提示中或在页面上的任何位置显示日期值(首先使用 moment.js 等转换为时间格式)。

    <full-calendar
      @click.prevent=""
      :options="calendarOptions"
      ref="calendar"
      @mouseover="getCalendarTimestamp"
    ></full-calendar>

    getCalendarTimestamp(e) {
      if (e.srcElement.attributes[1] && e.srcElement.attributes[1] != undefined
      ) {
        console.log(e.srcElement.attributes[1].value);
      } else {
        console.log("not a date value");
      }
    }

I'm targeting the "data-date" attribute for each cell with the following in my vue project using the vue component for this library using the latest version 5.8.0 at the time of this comment. You can do something similar with your calendar object when you do a mouseover on it and then use the date value (first converting to your time format using something like moment.js) in a tooltip or displayed anywhere on your page.

    <full-calendar
      @click.prevent=""
      :options="calendarOptions"
      ref="calendar"
      @mouseover="getCalendarTimestamp"
    ></full-calendar>

    getCalendarTimestamp(e) {
      if (e.srcElement.attributes[1] && e.srcElement.attributes[1] != undefined
      ) {
        console.log(e.srcElement.attributes[1].value);
      } else {
        console.log("not a date value");
      }
    }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文