实现版本 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
});