fullcalendar.css找到.fc-unthemed .fc-popover .fc-header .fc-close { color: #666; }追加以下/*今天背景色和字体颜色chocolate */.fc-unthemed td.fc-today { background: #FF6633; color:#3300FF ; font-weight:bold;...
npm install vue-
fullcalendar
@latest --save
二、main.js文件中写入
import
fullCalendar
from 'vue-
fullcalendar
'
Vue.component('full-calendar',
fullCalendar
)
三、页面引用
<full-calendar :events="fcEvents" lang="zh" @chan
我们可以使用
FullCalendar
建立一个非常强大的日历程序,用户可以轻松的在
FullCalendar
操作日程安排,诸如新建、修改、删除等操作以及本文将要讲解的拖动、缩放日程事件。
查看演示DEMO 下载源码
我们将日程页面命名为drag.html,首先是要载入jQuery库,jQuery ui以及
fullcalendar
插件。
<script src=...
可以将
fullcalendar
里面
fullcalendar
.css放到assets中,方便对日历
样式
进行自定义的修改
import
FullCalendar
from ‘vue-full-calendar’
import ‘./assets/
fullcalendar
.css’
Vue.use(
FullCalendar
)
安装jqery
npm i jq
"@
fullcalendar
/core": "^5.9.0",
"@
fullcalendar
/daygrid": "^5.9.0",
"@
fullcalendar
/interaction": "^5.9.0",
"@
fullcalendar
/timegrid": "^5.9.0",
"@
fullcalendar
/vue3": "^5.9.
FullCalendar
提供了丰富的属性设置和方法调用,开发者可以根据
FullCalendar
提供的API快速完成一个日历日程的开发,本文将
FullCalendar
的常用属性和方法、回调函数等整理成中文文档,方便参阅。当前版本1.6.4。
普通
显示
设置