Javascript 将_链接到完整日历中的特定日期

Javascript 将_链接到完整日历中的特定日期,javascript,ruby-on-rails,fullcalendar,fullcalendar-3,Javascript,Ruby On Rails,Fullcalendar,Fullcalendar 3,如何通过rails链接获得事件开始当天的链接 在一页上,我有日历,在另一页上,我有一个表,其中列出了如下事件: - @events.each do |event| = event.id = link_to "Today", calendar_path(fullcalendar.gotoDate(event.starts_at))` (当然,指向的链接不起作用,但在某种程度上描述了需求。我如何才能让它起作用?) 我想点击一个页面上的事件,它会打开另一个日历HTML页面,并将您带到ful

如何通过rails链接获得事件开始当天的链接

在一页上,我有日历,在另一页上,我有一个表,其中列出了如下事件:

 - @events.each do |event|
  = event.id
  = link_to "Today", calendar_path(fullcalendar.gotoDate(event.starts_at))`
(当然,指向的链接不起作用,但在某种程度上描述了需求。我如何才能让它起作用?)

我想点击一个页面上的事件,它会打开另一个日历HTML页面,并将您带到fullCalendar中的正确日期

application.js中的基本日历代码:

function eventCalendar() {
  return $('#event_calendar').fullCalendar({ 
    });
};

如果要使日历成为事件开始的日期(单击事件时),则可以完全使用客户端代码执行此操作,因为开始日期是fullCalendar中事件的属性。我不明白你为什么需要任何ruby代码

您可以为fullCalendar提供一个在单击事件时运行的回调,它可以读取单击事件的开始日期,并运行goToDate方法:

$('#event_calendar').fullCalendar({ 
  //...your other calendar options, and then
  eventClick: function(event) {
    $("#event_calendar").fullCalendar("gotoDate", event.start);
  });
});
有关文档,请参阅和


请注意,上面使用的是fullCalendar v3语法。在您问题中的示例代码中,您似乎混合了v3(例如,
$(“#event_calendar”).fullCalendar
)和v4(例如,
fullcalendar.gotoDate
语法不起作用。看起来后者可能是psuedocode,所以我假设您使用的是v3。如果不是,就不难修改v4的代码。

您不能。不像您的示例。因为
link\u to
calendar\u path
都是服务器端ruby/rails和
fullcalendar.gotoDate
是客户端javascript。看起来你没有理解,所以我已经澄清了我的问题。我在html表格的另一个页面上有一个没有日历的事件列表。我希望指向
datetime
字段的url链接将我带到fullcalendar中的
gotoDate
,你的意思是,如果你点击一个事件在fullCalendar中,它应该将您带到该事件的HTML页面?或者您的意思是,如果您单击其他页面上的事件,它应该打开日历HTML页面,并将您带到fullCalendar中的正确日期?您的描述不够清楚,我不知道您希望它以哪种方式工作。(不确定“将我带到gotodate”是什么)实际上,顺便说一句,被“带”到方法调用中是没有意义的。)单击其他页面上的事件,它将打开日历HTML页面,并将您带到fullCalendar中的正确日期确定。因此,您无法执行您尝试的操作,并尝试在其他页面中运行fullCalendar方法,因为该页面中不存在fullCalendar。方法需要是:其他页面上的链接应设置查询字符串URL中链接到日历页的参数,其值为YYYY-MM-DD格式的事件开始日期,例如
https://www.example.com/calendar.html?date=2019-12-01加载日历页面时,一些JavaScript需要从查询字符串中读取该日期值,并将其设置为ca中的
defaultDate
选项lendar设置代码