layUI与FullCalendar结合使用示例

叙：第一次是使用layUI以及fullcalendar开发日程管理功能，根基比较浅薄因此遇到了各种各样的问题，索性最后完成了，现在记录一下，方便以后再次使用时能有所帮助；

---

---

1、页面效果

1.1、主界面

现实的日程信息背景颜色不一样是根据已过时、正在进行中、未开始三种状态划分的，下面会有具体代码讲到；

点击空白处弹出新增日程信息表单，点击已存在的日程弹出查看页面，页面中可以进行修改保存和删除等；

1.2、添加：

1.3、 查看：

---

2、主界面代码

直接看代码，里面有详细的步骤：

剩下的关于修改、删除等也就没什么的好记录的了~

3、数据库

CREATE TABLE `oa_schedule` (
  `id` bigint(20) NOT NULL COMMENT '日程ID',
  `title` varchar(32) NOT NULL COMMENT '日程标题',
  `content` varchar(255) DEFAULT NULL COMMENT '日程内容',
  `create_time` datetime NOT NULL COMMENT '日程创建时间',
  `create_user` varchar(16) DEFAULT NULL COMMENT '日程创建人姓名',
  `start_time` datetime NOT NULL COMMENT '日程开始时间',
  `end_time` datetime NOT NULL COMMENT '日程完成时间',
  `all_day` tinyint(1) unsigned NOT NULL COMMENT '是否全天【 true / false  】',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='日程信息表';

pass：欢迎多指正、交流，共同进步！

---

《END》