cm-calendar 中的 cm 取名自 “current-month” 两个单词首字母
- 复制
cm-calendar
文件夹及内容到自己项目中 - 在要使用的页面上引入组件(路径根据自己情况修改):
import CMCalendar from '@/components/cm-calendar'
- 在 页面的
components
中注册组件:... components: { ... CMCalendar }, ...
- 与
el-calendar
的使用方法完全相同,只是把组件名换成CMCalendar
<CMCalendar v-model="value"></CMCalendar>
不同element-ui的版本如果引入后无效,解决方法是:检查一下下面的文件
node_modules/element-ui/packages/calendar/src/dataTable.vue
在部分elementui的版本中,这个文件名字叫:data-table.vue
,这时候需要修改一下cm-datatable.vue
的第3行。