如何在完整日历 Jquery 的周视图和日视图中隐藏开始时间（.fc-time）？

Posted 2023-05-09

【中文标题】如何在完整日历 Jquery 的周视图和日视图中隐藏开始时间（.fc-time）？

【英文标题】：How to Hide start time(.fc-time) in week and day view of full calendar Jquery?

【发布时间】：2016-11-22 04:07:27

【问题描述】：

我只想在周视图和日视图中隐藏开始和结束时间，而不是在月视图日历中。 如果我做类似下面的事情

            .fc-time
                    display : none !important;
                  

即使在月视图中，上述内容也完全隐藏。任何建议如何仅针对一周和一天自定义此内容。

【参考方案1】：

从 Hide start time in FullCalendar

我浏览了月、周和日视图的 html。如果月 .fc-time 用于跨度，如果是周，日视图 .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>

如果是星期，日 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-time 隐藏在周和日，但在月中。

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