如何從fullcalendar的當前月視圖中隱藏上個月和下個月的單元格？

我想隱藏當前月份視圖中的上個月和下個月日期的單元格。我嘗試添加CSS，但不是爲我工作：如何從fullcalendar的當前月視圖中隱藏上個月和下個月的單元格？

<style> 
    .hiddenEvent{display: none;} 
    .fc-other-month .fc-day-number { display:none;} 

    td.fc-other-month .fc-day-number { 
     visibility: hidden; 
    } 
</style>

我想隱藏細胞，使用戶無法通過點擊下個月的日子創建活動。 Here user is able to create events on blank cells also i.e next month dates 謝謝。

來源

2015-04-05 nirux

你嘗試** [這]（http://stackoverflow.com/a/9279293/3639582）** – 2015-04-05 04:35:31

是@ShaunakD我試過了，其實這是不渲染事件，並且我想隱藏單元格，或者至少讓用戶不能點擊那天（在我的應用程序中，用戶可以在點擊日後創建事件，並且我不希望用戶在下個/上個月創建事件日期。） – nirux 2015-04-05 04:45:40

試試這個：

td.fc-other-month { 
    visibility: hidden; 
}

爲我工作。我沒有看到它不應該爲你的原因，但是如果它不是，請告訴我。

編輯：

的visibility設置爲hidden後，你將不得不改變，你有代碼，用戶點擊後會導致一個細胞，甚至產生方法。還有，你需要做的是這樣的：

if(event.start.getMonth() !== view.start.getMonth()) { return false; }

和類似的，如果將需要view.end比較爲好。

另外，您應該使用fixedWeekCount作爲fixedWeekCount: false將其日曆的月視圖中的星期數限制爲fixedWeekCount。

來源

2015-04-07 06:12:07 Patel

嗨@vivek通過添加這隻有它隱藏日數，細胞仍然可見。我想隱藏細胞。實際上，在我的應用程序中，用戶可以在點擊任何一天（單元格）後創建事件，如果單元格可見，則也可以在其他月份日期創建事件，如果用戶單擊該日期。我已編輯的問題，請參閱添加的圖像。 – nirux 2015-04-07 07:15:25

我已經更新了答案。試着讓我知道。 – Patel 2015-04-07 07:27:45

我也試過這個，但是它一起將日曆空白一起 – 2016-05-19 20:02:15

我發現這個解決方案沒有減去。代碼有效，但不加載當前月份的第1天並加載下個月的第1天。所以我使用了moment（）。在intervalStart和intervalEnd中減去返回日期1天，對我來說工作正常。希望可以幫助你。

eventRender: function(event, element, view){ 
    var evStart = moment(view.intervalStart).subtract(1, 'days'); 
    var evEnd = moment(view.intervalEnd).subtract(1, 'days'); 
    if (!event.start.isAfter(evStart) || 
     event.start.isAfter(evEnd)) { return false; } 
},

來源

2016-12-07 12:57:32 JCDonis

截至此日期的作品。使用FullCalendar v3.1.0。好工作:-) – tomSurge 2017-03-31 23:27:34

viewRender:function(){$(".fc-other-month.fc-day-number").html('');}

如果您在使用.fc-other-month.fc-day-number{display:none;}它隱藏了td這樣的日期不正確顯示。 $(".fc-other-month.fc-day-number").html('');只隱藏日數。

如果你想隱藏一個月事件來說請點擊此鏈接https://stackoverflow.com/a/32847680/8039714

來源

2017-05-20 06:26:53

從3.3.0版本，你現在可以使用showNonCurrentDates：假的。

 $('#calendar_1').fullCalendar({ 
     header: { 
      left: '', 
      center: 'title', 
      right: '' 
     }, 
     defaultView: 'month', 
     editable: true, 
     allDaySlot: true, 
     selectable: true, 
     selectHelper: true, 
     selectOverlap: false, 
     fixedWeekCount: false, 
     showNonCurrentDates: false, 
     select: function (start, end) { 
      var title = "Available"; 
      var evid = SaveEvent(start, end, '1'); 
      $('#calendar_1').fullCalendar('unselect'); 
     }, 
     eventClick: function (calEvent, jsEvent, view) { 
      var ev_id = calEvent.ID; 
      var st_dt = calEvent.start; 
      var ed_dt = calEvent.end; 
      infoEventShow('1', ev_id, st_dt, ed_dt); 
     }, 
     slotMinutes: 15, 
     events: '/Aircrew/GetEvents/', 
     eventColor: '#339900' 
    });

參考https://fullcalendar.io/docs/display/showNonCurrentDates/

來源

2017-10-04 06:27:29 SteveP

我升級了我的日曆，所以我可以使用這個設置！乾杯 – Bobby 2017-10-24 07:32:36

如何從fullcalendar的當前月視圖中隱藏上個月和下個月的單元格？

回答

相關問題