第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

如何獲得 fullcalendar v.4.2.0 實例?

如何獲得 fullcalendar v.4.2.0 實例?

牛魔王的故事 2021-08-20 14:34:23
所以我的頁面中有一個 fullCalendar (v.4.2.0) 實例(在 document.ready 上加載/構(gòu)建),我想在其他函數(shù)中訪問該 fullCalendar 實例以動態(tài)添加事件。使用$('#calendar').fullCalendar('getView')它會顯示 fullCalendar() 方法不存在的錯誤:$(...).fullCalendar 不是函數(shù)如何訪問該實例?我用來生成日歷的代碼如下:var calendarEl = document.getElementById('calendar');var calendar = new FullCalendar.Calendar(calendarEl, {    plugins: [ 'timeGrid', 'dayGrid' ],        defaultView: 'timeGridWeek',         height: 700,        locale: 'pt',        allDaySlot: false,        handleWindowResize: true,        events: [            {                title: 'Teste1', // a property!                start: '2019-07-23 16:00',                 end: '2019-07-23 17:00',                 backgroundColor: '#fcba03',                borderColor: '#fcba03',            }        ]    });calendar.render();
查看完整描述

2 回答

?
智慧大石

TA貢獻1946條經(jīng)驗 獲得超3個贊

由于您使用的是 fullCalendar 版本 4,它不再被編寫為 jQuery 插件,因此無法使用 jQuery 語法來訪問這些方法。相反,只需引用您的calendar變量(它可能需要在您的應(yīng)用程序中具有廣泛的范圍 - 全局或易于通過其他方式訪問)。您會注意到現(xiàn)有代碼在調(diào)用calendar.render();.


此外,在“getView”方法的特定情況下,這已被簡單地替換view為引用當(dāng)前視圖的屬性。


例如(見最后一行):


var calendarEl = document.getElementById('calendar');

var calendar = new FullCalendar.Calendar(calendarEl, {

    plugins: [ 'timeGrid', 'dayGrid' ],

        defaultView: 'timeGridWeek', 

        height: 700,

        locale: 'pt',

        allDaySlot: false,

        handleWindowResize: true,

        events: [

            {

                title: 'Teste1', // a property!

                start: '2019-07-23 16:00', 

                end: '2019-07-23 17:00', 

                backgroundColor: '#fcba03',

                borderColor: '#fcba03',

            }

        ]

    });


calendar.render();


var vw = calendar.view; //get the current view


查看完整回答
反對 回復(fù) 2021-08-20
?
蝴蝶刀刀

TA貢獻1801條經(jīng)驗 獲得超8個贊

**Create a config variable like below in js**


uiConfig = {

        calendar: {

          height: 450,

          editable: true,

          eventClick: alertEventOnClick,

          eventDrop: alertOnDrop,

          eventResize: alertOnResize,

          eventRender: eventRender

        }

      };


**defines the above methods in js file**


alertEventOnClick = function (date, jsEvent, view) {}

alertOnDrop = function (date, jsEvent, view) {}

alertOnResize = function (date, jsEvent, view) {}

eventRender = function (date, jsEvent, view) {}


**and in html add below lines of code**


<div ui-calendar="uiConfig.calendar" id="myCalendar" calendar-watch-event="extraEventSignature(event)"

    calendar="myCalendar" data-ng-model="eventSources">

  </div>


**The Following code is another way of accessing calendar**


$('#myCalendar').fullCalendar({

  eventClick: function(event, element) {


    event.title = "CLICKED!";


    $('#calendar').fullCalendar('updateEvent', event);


  }

});


**where Mycalender should be added in HTML like below**


<div ui-calendar="uiConfig.calendar" id="myCalendar"

    calendar="myCalendar" data-ng-model="eventSources">

  </div>


查看完整回答
反對 回復(fù) 2021-08-20
  • 2 回答
  • 0 關(guān)注
  • 241 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號