GeoffZhu / vue-event-calendar

A simple events calendar for Vue2, no dependencies except Vue2.

Home Page:http://geoffzhu.cn/vue-event-calendar/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

将事件数据改为方法从后台获取后前端日历有事件的时间不显示圆圈了

oxtiger opened this issue · comments

commented

大家有遇到这个bug吗

我也遇到了,请问解决了吗?

我这个是日期不对,解决了

commented

能给我看看你的代码吗,我的咋不行

<vue-event-calendar :events="events" @month-changed="handleMonthChange" @day-changed="handleDayChange"></vue-event-calendar>
data () {
  return {
     events: []
  };
},
methods: {
  async getEvents () {
    let data = await Request.getEvents();
    // 处理data,让其符合events的格式
    let events = data.map(d => {
       //  转换数据格式 ...
       return {
           date: d.date,
           title: d.title,
           desc: d.description
           // ...
       };
    });
    this.events = events;
  }
},
mounted () {
  this.getEvents().then(() => 
      this.$EventCalendar.toDate(moment().format('YYYY/MM/DD'))
  );
}

大概就是这样,你看看你是不是数据格式处理上有点问题?