怎么使用fullcalendar实现自定义效果

Question

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

fc其实用的表格，定制的自己打个表格改下表头和左边的内容就差不多了，比改fc简单多了。然后自己加下页头月份变化的js代码重新渲染下表格

<style>
    table.good{border-collapse:collapse;}
    table.good td,table.good th{border:solid 1px #ccc;padding:5px 15px;text-align:center}
    table.good th{background:#d0e7ff;height:50px}
    table.good .line {width:80px;position:relative;background:#d0e7ff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=) no-repeat 100% center;}
    table.good .week{position:absolute;right:10px;top:5px}
    table.good .detp{position:absolute;bottom:10px;left:5px}
</style>
<table class="good" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <th class="line">
                <span class="week">周次</span>
                <span class="detp">部门</span>
            </th>
            <th>第1周<br />2022-01-03~2022-01-07</th>
            <th>第2周<br />2022-01-10~2022-01-14</th>
            <th>第3周<br />2022-01-17~2022-01-21</th>
            <th>第4周<br />2022-01-24~2022-01-28</th>
        </tr>
        <tr>
            <th>xxx部门</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <th>xxx部门</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <th>xxx部门</th>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>