2017-10-11 79 views
-1

enter image description here我們能否從fullcalendar

這裏我想刪除從提示的時間和日期信息在事件上懸停產生的提示刪除的時間和日期信息,我們該怎麼辦呢?

工具提示將盤旋在整個日曆上的事件上。所以我只想顯示事件的信息,而不是時間和日期信息。

下面

是代碼 -

ngOnInit() { 
    this.calendarTitle = this.calendarInfo.Name; 
    this.calendarTitleJql = this.calendarInfo.jql; 
    // if (this.calendarData[0]) { 
    // this.eventField = Object.keys(this.calendarData[0])[6]; 
    // } 

    this.eventsInfo = JSON.parse(JSON.stringify(this.calendarData).split(this.eventField).join('eventDate')); 

    this.events = this.eventsInfo.map(function (_ref) { 
     var Status = _ref.Status, 
     eventDate = _ref.eventDate, 
     Created = _ref.Created, 
     Key = _ref.Key; 
     return { title: Status, start: eventDate, id: Key }; 
    }); 


    } 

    isloading(e) { 
    console.log('loading'); 
    } 

    handleEventClick(e) { 
    this.userService.showTicket(e.calEvent.id); 
    } 

    calendarTitleClick() { 
    this.userService.search(this.calendarTitleJql); 
    } 

    loadEvents(e) { 

    if (this) { 
     let month = e.view.start._d.getMonth() + 2; 
     let year = e.view.start._d.getFullYear(); 

     if (month == '13') { 
     month = 1; 
     year = year + 1; 
     } 





     }); 

     this.events = this.eventsData; 
     }); 
    } 
    } 

    onEventMouseover({calEvent:data,jsEvent:event,view}){ 
    const el = event.currentTarget; 
    var coord = el.getBoundingClientRect(); 
    if(this.timeoutId) { 
     clearTimeout(this.timeoutId) 
    } 

    this.hoveredEventData = { 
     event: data, 
     position: { 
     top: coord.top - 80 , 
     left: coord.left + el.offsetWidth - 350 
     }, 
    }; 
    } 

    onEventMouseout({ calEvent: data, jsEvent: event, view }) { 
    { 
     this.timeoutId = setTimeout(() => this.hoveredEventData = null, 3000); 
    } 
    } 

HTML -

<div class="gadget-body"> 
    <p-schedule [events]="events" 

    </p-schedule> 
    </div> 
</div> 

<div *ngIf="hoveredEventData" class="event-tooltip" 
    [style.top.px]="hoveredEventData.position.top" 
    [style.left.px]="hoveredEventData.position.left"> 
    {{ hoveredEventData.event.title }} 
    {{ hoveredEventData.event.start }} 
</div> 

所以在這裏我很困惑在哪裏可以修改代碼,以便在提示的時候不應該出現了,還提示了wwc- 414鍵應該大膽,我該怎麼做。

+0

這不是fullCalendar的本地功能,所以大概你已經寫了一些代碼來做到這一點。您只需更改該代碼,以便它不包含時間和日期。如果您不確定需要做什麼,請顯示創建工具提示的代碼,我們可以幫助您解決問題。 – ADyson

+0

@ADysonv好的謝謝你的幫助,我會分享代碼,我也希望關鍵即wwc-414在工具提示中以粗體顯示 – stec1

+0

我想你只是從「{{hoveredEventData.event.start}}」最後一點。這似乎是描述事件日期的部分。對於大膽的部分,我不太確定,我不知道角度,以及如何在特定位置的文本上定義樣式。 – ADyson

回答

0

只需從<div *ngIf="hoveredEventData"部分刪除{{ hoveredEventData.event.start }}部分,日期將不再顯示在工具提示中。