FullCalendar事件显示为细线

时间:2015-07-03 19:53:53

标签: javascript jquery css twitter-bootstrap fullcalendar

我使用来自this website的FullCalendar插件,我在Bootstrap模式中使用此Calendar,并在页面的主要内容中使用相同的Calendar。虽然在我的页面的主要内容中,日历事件显示得非常好,但在模态事件中显示为如下图所示的非常细的线条。我试图用CSS设置它们的样式,结果是调整事件框的大小,但标题从未出现

.fc-event {
  min-height: 25px;

}

The Wrong result

用于呈现日历的JQuery代码如下所示,事件来自servlet,如json

$('#calendar').fullCalendar({
        header: {
            center: 'title',
            left: '',
            right: '',

        },
        events: src

        ,
        eventClick: function (calEvent) {
            viewEvent(calEvent.id);
            $('#aModal').modal();
        },
        // put your options and callbacks here
    });

1 个答案:

答案 0 :(得分:1)

.fc-content span{



    display:block;
}

事件详细信息显示为跨度,因此显示块