完整日历不能识别Chrome中日期字段上的单击事件？

Question

我有一个ASP.NET MVC5应用程序，其中我正在使用全历 Version 3.4.0。完整的日历是完全可用的。我能够点击一天，弹出窗口将出现，允许我创建一个事件。但是，最近(没有我修改任何代码)它在Chrome Version 63.0.3239.132中停止了工作。现在，当我点击日期框什么都不会发生，我不会得到一个错误或任何东西。

当我在Chrome中以调试模式运行我的应用程序时，它就像预期的那样工作。此外，它在正常和调试模式下工作良好。我确实删除和重新安装Chrome，但仍然有同样的问题。

有人能告诉我为什么会发生这种事吗？如果我的代码错了，为什么它在或Chrome调试模式下都能正常工作呢？

谢谢

网站上的完整日历：

​

​

Answer 1

这种行为是否有可能在最近的版本中被修改过？我正在Chrome上测试他们的演示页面(有和不打开Dev工具)，在Mac上测试Safari，体验是一致的。此外，我没有看到任何错误消息被记录在控制台，等等。

这就是我正在浏览的内容：https://fullcalendar.io/我可以拖放和修改事件的长度，但是不能打开任何类型的“新事件”对话框。无论是Chrome还是Safari。

你可能更新了库版本吗？您是否可以尝试安装/引用旧版本，并检查该问题是否实际上可能是由于库中的行为(或bug)的改变而不是浏览器？

另外，我快速浏览了他们的文档页面，没有注意到任何关于"add“选项的信息。例如，当用户单击某天视图时，您可以监听callback。查看本页末尾的内容：https://fullcalendar.io/docs/usage/

因此，您可以将该事件连接到侦听器，在侦听器中可以打开“新事件”对话框并注册事件详细信息，然后将其添加到日历视图中。

Answer 2

2021 :完整日历5.5

我注意到，在响应模式下，我不可能单击chrome中的日期(在FireFox或Edge中没有问题)。原因是点击是一种移动的“可触摸”的方式。要使单击在chrome中工作，您需要修改longPressDelay = '0‘的延迟。

在react中，您需要“交互”库，并像这样设置longPressDelay：

import React from 'react'
import FullCalendar from '@fullcalendar/react'
import interactionPlugin from '@fullcalendar/interaction' // needed for dayClick
import dayGridPlugin from '@fullcalendar/daygrid'

export default class DemoApp extends React.Component {
  handleDateClick = (arg) => {
    console.log(arg)
  }
  render() {
    return (
  <FullCalendar
    plugins={[dayGridPlugin , interactionPlugin]}
    selectable={true}
    select={this.handleDateClick}
    longPressDelay='0'
  />
    )
  }
}

我希望这能帮到和我一样的人