相关疑难解决方法(0)

我正在使用Ruby 2 Rails 4.我正在使用twitter-bootstrap-rails gem让我的导航栏在浏览器调整大小时崩溃.

我想要与Adam Shaw的FullCalendar类似的效果.现在它将调整窗口大小,但我希望它在浏览器为480px或更低时显示一天(basicDay视图),在视口低于767时显示一周(basicWeek视图),以及完整显示月视图大小的窗户.

在不同大小的浏览器中,我最好初始化三个不同的日历吗？

即:

    <script> $(document).ready(function() {

// page is now ready, initialize the calendar...

$('#calendar').fullCalendar({
   events: 'http://www.google.com/calendar/myfeed', 

    if $(window).width() < 514){
      defaultView: 'basicDay'
    }

   header: {
            left: 'title',
            center: '',
            right: 'today basicDay basicWeek month prev,next'
        },

});
});
</script>

还是有一个更简单,更简单的解决方案？

另外,我真的很新,我知道上面的示例代码不会像写的那样工作,但我至少在正确的轨道上？

谢谢,对不起,如果这是写在别的地方,我找不到,但如果有人指出我正确的方向会很高兴.

更新:

为了响应第一条评论,为了让它工作,我进入了fullcalendar.js并改变了主渲染的工作方式(第240行)

    /* Main Rendering
-----------------------------------------------------------------------------*/


setYMD(date, options.year, options.month, options.date);


function render(inc) {
    if (!content) {
        initialRender();
    }
    else if (elementVisible()) {
        // mainly for the public API
        calcSize();
        _renderView(inc);
    } …

是否有一种简单的方法可以根据FullCalendar中的当前视口大小更改用户的视图？

我想做的是在桌面上使用月视图,如果使用iPhone或移动设备,则可以查看日视图.在月视图的那一刻,所有的事件都被移动了.

当前代码:

$(document).ready(function() {
    $("#primary #calendar").fullCalendar({
        header: {
            left: 'prev,next',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        timeFormat: 'h(:mm)tt',         
        eventSources: [
            {
                url: 'http://www.google.com/mycal1',
                color: 'blue',
                textColor: 'white'
            },
            {
                url: 'http://www.google.com/mycal2',
                color: 'white',
                textColor: 'black'
            }
        ]
    })
});