亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何更改 fullcalendar v5 中的空事件選擇內容?

如何更改 fullcalendar v5 中的空事件選擇內容?

寶慕林4294392 2023-11-02 20:12:55
我想在空的時間網格事件和已經渲染的事件中顯示不同的內容。我使用過, eventContent但它改變了它們中的內容。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>` }    },清晰的屏幕截圖(藍色事件已渲染,半透明是空網格選擇)這里顯示了4個資源,并設置為今日視圖https://i.stack.imgur.com/XDoSK.png
查看完整描述

1 回答

?
慕桂英4014372

TA貢獻1871條經驗 獲得超13個贊

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


有一種簡單的方法可以區分正常事件和這些“鏡像”事件 - 如果您檢查提供給 eventContent 回調的信息對象(以及您在控制臺中登錄的代碼),您將看到有一個isMirror屬性僅當正在渲染的元素表示鏡像選擇時才設置為 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

  }

}

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


查看完整回答
反對 回復 2023-11-02
  • 1 回答
  • 0 關注
  • 193 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號