diff --git a/src/views/haomo/components/calendar/HmFullCalendar.vue b/src/views/haomo/components/calendar/HmFullCalendar.vue index 40fa41da375dbea2ef2d2662f6cd7fd7c4155a5e..f8f0468b50e6df4ce545af9f21d80619d995b426 100644 --- a/src/views/haomo/components/calendar/HmFullCalendar.vue +++ b/src/views/haomo/components/calendar/HmFullCalendar.vue @@ -2,9 +2,14 @@ <div class="calender"> <i class="el-icon-date" @click="dialogTableVisible = true"></i> <el-dialog :visible.sync="dialogTableVisible"> - <full-calendar :events="fcEvents" locale="en"></full-calendar> + <full-calendar + :events="fcEvents" + lang="zh" + @change-month="changeMonth" + @event-click="eventClick" + @day-click="dayClick" + ></full-calendar> </el-dialog> - </div> </template> @@ -31,6 +36,11 @@ required: false } }, + zh: { + weekNames: ['周日', '周一', '周二', '周三', '周四', '周五', '周å…'], + monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'], + titleFormat: 'yyyyå¹´MM月' + }, data() { return { fcEvents: [], @@ -62,6 +72,15 @@ }) console.log(self.fcEvents) }) + }, + changeMonth(start, end, current) { + console.log('changeMonth', start.format(), end.format(), current.format()) + }, + eventClick(event, jsEvent, pos) { + console.log('eventClick', event, jsEvent, pos) + }, + dayClick(day, jsEvent) { + console.log('dayClick', day, jsEvent) } } }