javascript - 如何为 fullcalendar jquery 构建自定义主题？

Question

我想为 http://arshaw.com/fullcalendar/ 构建自定义主题，是否有任何文档可以替换现有类并用新类覆盖。我不想使用 jquery UI 主题。

如何继续构建 fullcalender 主题？

Answer 1

没有任何主题生成器。

尽管您可以自由地制作自己的 CSS 并使其看起来像您想要的那样。

我自己使用 fullcalendar，这是您可以设法获得的示例:

http://cl.ly/image/2i3R170w080i

这是 CSS 的一部分。您可以在 fullcalendar.css 中编辑您想要的任何内容并覆盖它们的定义。

#calendar .icon-ok-sign {
    position: absolute;
    margin-left: 38px;
    margin-top: -42px;
}

#calendar .fc-header-left{
    height: 30px;
    border-right: solid 2px #DC9E0F;
    text-align:center;
    width: 50px;
    line-height: 30px;
}

#calendar .fc-header-center{
    height: 30px;
    line-height: 30px;
}

.rightArrow, .leftArrow {
    height:30px;
}

.leftArrow img, .rightArrow img{
    height:15px;
}

#calendar .fc-header-right{
    height: 30px;
    border-left: solid 2px #DC9E0F;
    text-align:center;
    width: 50px;
    line-height: 30px;
}

#calendar .fc-header-title h2 {
    line-height: 20px;
}

#calendar .fc-today {
    color:#FBB616;
}

#calendar .fc-today.selected {
    color:#FFF;
}

#calendar .selected {
    background-color: #FBB616;
}