gpt4 book ai didi

javascript - FullCalendar 在每个日期旁边添加 "undefined"

转载 作者:行者123 更新时间:2023-11-30 20:50:05 24 4
gpt4 key购买 nike

我正在使用 vue-fullcalendar这是 FullCalendar 的包装器图书馆。我已经设置了日历并且它工作正常,但是一旦我导入 Scheduler ,这是一个提供 FullCalendar 功能的附加组件,用于显示我在日历中每个日期旁边“未定义”的资源(如图所示)。

enter image description here

我在stackoverflow上找到了两篇关于这个问题的文章:

  1. > jQuery fullCalendar displayed undefined on title - 我曾尝试更改 moment.js 的顺序,但这无济于事。即使我根本不导入 moment.js,这个问题也会发生。
  2. > How to edit Title in Fullcalendar - 还尝试恢复到旧版本的 FullCalendar 但没有成功。

这是我正在使用的代码:

<template>
<div>
<full-calendar
ref="calendar"
:events="events"
:config="config"
>
</full-calendar>
</div>
</template>

<script>
import * as moment from 'moment'
import {FullCalendar} from 'vue-full-calendar'
import 'fullcalendar/dist/fullcalendar.min.css'
import 'fullcalendar-scheduler'
import "fullcalendar-scheduler/dist/scheduler.min.css"

export default {
data() {
return {
config: {},

events: [
{
id: 1,
title: 'Title',
start: moment().add(2, 'd').add(2, 'h'),
end: moment().add(2, 'd').add(4, 'h'),
resourceId: 'a'
}
]
}
},

methods: {},

components: {
FullCalendar
}

}
</script>

最佳答案

将此添加到您的 FullCalendar 配置中,undefined 将从标题中删除

viewRender: function(view, element) {
$('.fc-center')[0].children[0].innerText = view.title.replace(new RegExp("undefined", 'g'), "");
}

如果你正在使用 vue 更好地从 'jquery' 导入 * as $;

关于javascript - FullCalendar 在每个日期旁边添加 "undefined",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48271386/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com