如何在完整日历Jquery的星期和日视图中隐藏开始时间(.fc-time)?

时间:2016-07-19 10:10:57

标签: jquery jquery-ui jquery-plugins fullcalendar

我想仅在星期和日视图中隐藏开始和结束时间,但不在月视图日历中隐藏。 如果我做下面的事情

            .fc-time{
                    display : none !important;
                  }

以上一个甚至在月视图中完全隐藏。任何建议如何只为一周和一天定制这个。

1 个答案:

答案 0 :(得分:0)

来自 Hide start time in FullCalendar

我浏览了月,周和日视图的html。如果是月份.fc-time用于span,如果是星期,则日视图.fc-time用于div。 我只是按照我的要求隐藏它们。

如果是月份Html: -

   <div class="fc-content">
    <span class="fc-time">11:30 - 12:00</span>
     <span class="fc-title">Officer Meeting</span>
  </div>

如果是一周,Day Html: -

<div class="fc-content">
<div class="fc-time" data-start="11:30" data-full="11:30 - 12:00">
</div>
<div class="fc-title">Officer Meeting</div></div>

最后,这是我的解决方案,以隐藏.fc-时间在一周和一天,但在一个月。

   .fc-content .fc-time {
        display: none !important;
    }
      .fc-content span.fc-time {
       display: inline-block !important;
    }