FullCalendar の月ビューで、イベントの開始時刻を非表示にする方法はありますか?
13 に答える
カレンダーのオプションに追加するだけ
displayEventTime: false
次のスタイルを css に追加します
.fc-event-time{
display : none;
}
またはバージョン 2+:
.fc-time{
display : none;
}
以下は、月表示のみで日付を非表示にします。
.fc-view-month .fc-event-time{
display : none;
}
もう 1 つの方法は、eventRender 関数を追加することです。このようにして、時間をレンダリングしないことを選択し、イベントにデータを追加するなどの別のことを行うことができます。
eventRender: function(event, element) {
element.find('.fc-event-title').append("<br/>" + event.location);
element.find('.fc-event-time').hide();
}
あなたが質問してから 3 か月が経ちました。しかし、あなたと私が同じことをしようとしている場合、他の誰かが答えを探している可能性があります.
fullcalendar.js ファイルで、行 1603 をコメント化します。
htmlEscape(formatDates(event.start, event.end, view.option('timeFormat'), options)) +
これは修正ではなく、せいぜいハックですが、機能します。
According to http://fullcalendar.io/docs/text/timeFormat/ , you just need to set time format in fullCalendar settings:
$('#calendar').fullCalendar({
events: [
],
timeFormat: ' '
});
.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event .fc-time{
display: none !important;
}
上記のコードは、すべてのビューでそれを修正します。
以下のコードには、イベントの大きなビューで時間を表示するフローがあります
.fc-time-grid-event.fc-short .fc-time{
display: none !important;
}
このコードを css で使用して、イベントからのみ時間を非表示にしてください。
ただ使って
.fc-time{
display: none !important;
}
左グリッドの時間も非表示にします。
投稿時の @Riz は正しかったのですが、最近のバージョンでは css が変更されており、次のものが必要になります。
.fc-day-grid-event .fc-time{
display:none;
}