通过全日历中的间隔单独的事件块与事件

发布于 2025-01-25 10:23:52 字数 1078 浏览 3 评论 0原文

app.component.ts

 @ViewChild('calendar') calendarComponent: FullCalendarComponent = <FullCalendarComponent>{};

  calendarOptions: CalendarOptions = {
    initialView: 'timeGridDay',
    slotDuration: "00:15:00",
    slotLabelInterval: "00:15:00",
    defaultTimedEventDuration: "00:15:00",
    selectable: true,
    select: this.selectHandler.bind(this),
    eventClick: this.eventClickHandler.bind(this),
    selectOverlap: false,
  };

  constructor() {
  }

  selected: any;

  private selectHandler(dateSelectArg: DateSelectArg) {
    this.selected = dateSelectArg;
  }
  private eventClickHandler(event: EventClickArg) {
    console.log(event.event)
  }

  addEvent() {
    this.calendarComponent.getApi().addEvent(this.selected)
  }

需要: 选择一个事件(从6:45到9:00),在添加之后,我需要按间隔(6:45-7:00,7:15:15:7:30 ...)进行单独的事件,以进行当前的示例间隔为00:15mm。


“

应该是
“应该是”

app.component.ts

 @ViewChild('calendar') calendarComponent: FullCalendarComponent = <FullCalendarComponent>{};

  calendarOptions: CalendarOptions = {
    initialView: 'timeGridDay',
    slotDuration: "00:15:00",
    slotLabelInterval: "00:15:00",
    defaultTimedEventDuration: "00:15:00",
    selectable: true,
    select: this.selectHandler.bind(this),
    eventClick: this.eventClickHandler.bind(this),
    selectOverlap: false,
  };

  constructor() {
  }

  selected: any;

  private selectHandler(dateSelectArg: DateSelectArg) {
    this.selected = dateSelectArg;
  }
  private eventClickHandler(event: EventClickArg) {
    console.log(event.event)
  }

  addEvent() {
    this.calendarComponent.getApi().addEvent(this.selected)
  }

Need:
select an event (from 6:45 to 9:00), after adding it, I need separate events by my interval (6:45-7:00, 7:15:7:30...) for current example interval is 00:15mm.

is
is

should be
should be

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文