我们可以从悬停在全日历事件上时生成的工具提示中删除时间和日期信息吗

Question

这里我想从工具提示中删除时间和日期信息，我们该怎么做？

当鼠标悬停在特定日期事件的完整日历上时，工具提示就会出现。所以我只想显示事件的信息而不是时间和日期信息。

下面是代码 -

  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 键应该是粗体，我该怎么做。

Answer 1

只需从 <div *ngIf="hoveredEventData" 部分删除 {{ hoveredEventData.event.start }}，日期将不再显示在工具提示中。

我们可以从悬停在全日历事件上时生成的工具提示中删除时间和日期信息吗

Can we remove the time and date info from the tooltip generated on hover over the event in fullcalendar

tooltip

fullcalendar

angular