2017-08-16 BEX5下集成FullCalendar

实现版本 BEX5 3.6

 

集成前准备：

直接网上查找FullCalendar获得插件文件

fullcalendar.min.css
fullcalendar.min.js
fullcalendar.print.min.css
moment.js

 

集成步骤：

1 把以上文件放到UI2下的某一目录下 我放到.W文件的同级目录下

2 调用插件函数前加载插件依赖文件

require("css!./fullcalendar.min").load();
// 因为引入时包含参数，所以只能采用jquery进行加入到头标签或者直接把代码放到.W文件源文件window节点下
$("<link href='"+require.toUrl("./fullcalendar.print.min.css")+"' rel='stylesheet' media='print' />").appendTo("head");        
require("./fullcalendar.min");

其中，加载 fullcalendar 时，它会先去加载moment文件，本来在同级目录下放了这个文件就能加载到，但是BEX5加载同级目录需要使用./或者全路径，如果直接使用路径 文件名，它会去门户目录下查找是否存在有这个文件，所以上面加载时候只能使用 ./文件名 的路径来加载；同时加载moment的代码是直接写在fullcalendar 中的，所以需要改写里面的代码，把它指向正确的位置

原代码：

define(["jquery","moment"],t)

更改为

define(["jquery","./moment"],t)

新的路径根据自己的实际进行书写

3 调用插件的方法

$('#calendar').fullCalendar({
　　// 参数内容查找网上的API
});