ruby on rails 安装fullcalendar插件

来源：互联网发布：java手机游戏开发编辑：程序博客网时间：2024/04/29 23:12

首先在gem file 中添加如下语句
gem ‘fullcalendar-rails’
然后运行bundle install
由于最新的fullcalendar需要moment提供一些功能，所以需要手动在gem file 中添加
gem ‘momentjs-rails’
在application.js中添加
//= require moment
//= require fullcalendar
注意顺序不能错，否则会报moment not defined，错误原因是application.js加载js文件是安顺序做的，所以在加载fullcalendar时发现没有moment所以会报错
下边就是使用了
推荐的帮助文档在这里
写一个简单的例子

<!DOCTYPE html><html><head><script>    $(document).ready(function() {        $('#calendar').fullCalendar({            header: {                left: 'prev,next today',                center: 'title',                right: 'month,basicWeek,basicDay'            },            defaultDate: '2015-03-27',            editable: true,            eventLimit: true            events: [                {                    title: 'All Day Event',                    start: '2014-11-01'                },                {                    title: 'Long Event',                    start: '2014-11-07',                    end: '2014-11-10'                },                {                    title: 'Click for Google',                    url: 'http://google.com/',                    start: '2014-11-28'                }            ],        });        $('#calendar').fullCalendar( 'refetchEvents' );    });</script><style>    #calendar {        max-width: 900px;        margin: 0 auto;    }</style></head><body>    <div id='calendar'></div></body></html>

0 0