a

package.json

@@ -23,6 +23,8 @@
     "element-ui": "2.0.8",
     "file-saver": "1.3.3",
     "font-awesome": "4.7.0",
+    "fullcalendar": "^3.9.0",
+    "jquery": "^3.3.1",
     "js-cookie": "2.2.0",
     "jsonlint": "1.6.2",
     "jszip": "3.1.5",

src/views/haomo/components/calendar/HmFullCalendar.vue

 <template>
-	<div class="calender">
-    <i class="el-icon-date" @click="dialogTableVisible = true"></i>
-    <el-dialog :visible.sync="dialogTableVisible" style="line-hight:16px;">
-      <full-calendar 
-      :events="fcEvents" 
-      lang="zh"
-      @change-month="changeMonth"
-      @event-click="eventClick"
-      @day-click="dayClick"
-      ></full-calendar>
-    </el-dialog>
+	<div class="showcalender">
+      <div id='calendar'></div>
 	</div>
 </template>
-
 <script>
-  import fullCalendar from 'vue-fullcalendar'
-  import request from '@/utils/request'
-  import _ from 'lodash'
-  import moment from 'moment'
+  import $ from 'jquery'
+  import 'fullcalendar'
   export default {
     name: 'calender',
     // 继承其他组件
     extends: {},
     // 使用其它组件
     components: {
-      'full-calendar': fullCalendar
+
     },
     props: {
-      schema: {
-        type: Object,
-        required: true
-      },
-      demoEvents: {
-        type: Object,
-        required: false
-      }
-    },
-    zh: {
-      weekNames: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
-      monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-      titleFormat: 'yyyy年MM月'
+
     },
     data() {
       return {
-        fcEvents: [],
-        dialogTableVisible: false
       }
     },
     computed: {
@@ -52,35 +26,14 @@
     filters: {
     },
     created() {
-      this.getList()
+      $(function() {
+        $('#calendar').fullCalendar({
+          defaultView: 'month'
+        })
+      })
     },
     methods: {
-      getList() {
-        const self = this
-        request(self.schema.modelUnderscorePlural).then(resp => {
-          console.log(resp.data)
-          _.each(resp.data, function(item, index) {
-            const test = {}
-            test.title = item[self.demoEvents.title]
-            if (item[self.demoEvents.end] == null) {
-              item[self.demoEvents.end] = item[self.demoEvents.start]
-            }
-            test.start = moment(item[self.demoEvents.start]).format('YYYY-MM-DD')
-            test.end = moment(item[self.demoEvents.end]).format('YYYY-MM-DD')
-            self.fcEvents.push(test)
-          })
-          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)
-      }
+
     }
   }
 </script>

src/views/haomo/components/calendar/index.vue

 <template>
   <div class="app-container calendar-list-container">
-    <hm-full-calendar :schema="schema['HmUser']" :demoEvents="demoEvents"></hm-full-calendar>
+    <hm-full-calendar></hm-full-calendar>
   </div>
 </template>
 
 <script>
   import HmFullCalendar from './HmFullCalendar.vue'
-  import schema from '../../schemas/hm_org_schema'
-
   export default {
     name: 'HmFullCalendar',
     // 继承其他组件
@@ -23,13 +21,7 @@
 
     },
     created() {
-      this.schema = schema
-      // 传入对应的字段
-      this.demoEvents = {
-        title: 'username',
-        start: 'createTime',
-        end: 'lastUpdateTime'
-      }
+
     },
     methods: {}
   }