【问题标题】:FullCalendar events show as thin lineFullCalendar 事件显示为细线
【发布时间】:2015-07-03 19:53:53
【问题描述】:

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

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

}

呈现日历的 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
    });

【问题讨论】:

    标签: javascript jquery css twitter-bootstrap fullcalendar


    【解决方案1】:
    .fc-content span{
    
    
    
        display:block;
    }
    

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-11-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多