2017-10-11 66 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 }}部分,日期将不再显示在工具提示中。