首頁猿問如何更改 fullcalendar...

如何更改 fullcalendar v5 中的空事件選擇內(nèi)容？

JavaScript

寶慕林4294392 2023-11-02 20:12:55

我想在空的時間網(wǎng)格事件和已經(jīng)渲染的事件中顯示不同的內(nèi)容。我使用過， eventContent但它改變了它們中的內(nèi)容。eventContent: function (event) { console.log(event) var etitle = '' if (event.event.title) { etitle = `<label title="` + event.event.title + `" class="bg-b-warning event-lbl-shadow rounded py-1 px-2 text-light " style="overflow: hidden; max-width: 100%;">` + event.event.title + `</label>` } else { etitle = '' } return { html: ` <div class="st_event_container overflow-hidden w-100 p-2 row mx-auto"> <div class="col p-0 "><label class="bg-light event-lbl-shadow rounded py-1 px-2 text-dark mr-1">`+ event.timeText + `</label></div><div class="col p-0 mb-1">` + etitle + `</div> </div>` } },清晰的屏幕截圖（藍(lán)色事件已渲染，半透明是空網(wǎng)格選擇）這里顯示了4個資源，并設(shè)置為今日視圖https://i.stack.imgur.com/XDoSK.png

查看完整描述

1 回答

慕桂英4014372

TA貢獻(xiàn)1871條經(jīng)驗獲得超13個贊

selectMirror當(dāng)選項設(shè)置為時，似乎會發(fā)生這種情況true。（我只是為未來的讀者澄清這一點，因為問題中沒有提到該選項的使用，但如果沒有設(shè)置，這種行為就不可能發(fā)生。）

有一種簡單的方法可以區(qū)分正常事件和這些“鏡像”事件 - 如果您檢查提供給 eventContent 回調(diào)的信息對象（以及您在控制臺中登錄的代碼），您將看到有一個isMirror屬性僅當(dāng)正在渲染的元素表示鏡像選擇時才設(shè)置為 true。

所以你可以寫這樣的東西：

eventContent: function(info)

{

if (info.isMirror == true)

{

//do whatever you want to do for mirror events here

}

else

{

//do whatever you want to do for regular events here

}

（注意代碼質(zhì)量說明：在我的示例中，我將參數(shù)重命名為“info”，因為“event”是一個用詞不當(dāng) - 事件數(shù)據(jù)存儲在 info 對象內(nèi)的屬性中，編寫類似 event.event.title 的內(nèi)容顯然是荒謬的，并且因為 isMirror 不是事件的屬性，所以書寫event.isMirror可能會產(chǎn)生誤導(dǎo)。使用錯誤的名稱也會使您的代碼在您稍后返回時更難以理解。）

反對回復(fù) 2023-11-02