我正在迁移到 Rails 7,我觉得有很多变化,但我有信心理解它们并能够升级我自己创建的用于保存个人记录和约会的个人应用程序
更具体地说,我需要在 flatpickr 控制器和 fullcalendar 控制器之间的控制器(@hotwire/stimulus)之间进行通信。这个想法是在从 flatpicr 中选择时跳转到日期
我已经尝试了很多不同的选择,但我真的陷入困境..欢迎任何帮助:)
导轨 7.0.3.1
索引.html.erb
<div data-controller="flatpickr" name="" data-action=""></div>
<div data-controller="calendar">
<div data-calendar-target="window"></div>
<turbo-frame id="popup" data-calendar-target="popup"></turbo-frame>
</div>
Run Code Online (Sandbox Code Playgroud)
flatpickr_controller.js
import Flatpickr from 'stimulus-flatpickr'
export default class extends Flatpickr {
connect() {
this.config = {
inline: true,
enableTime: false,
time_24hr: false,
onChange: function(selectedDates, dateStr, instance) {
const calendarController = this.application.getControllerForElementAndIdentifier(this.calendarTarget, "calendar")
calendarController.gotoDate('18-01-2025') //random date
},
};
super.connect();
}
}
Run Code Online (Sandbox Code Playgroud)
日历控制器.js
import { Controller } from "@hotwired/stimulus";
import { Calendar } from '@fullcalendar/core';
import …Run Code Online (Sandbox Code Playgroud)