我正在使用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>
Run Code Online (Sandbox Code Playgroud)
还是有一个更简单,更简单的解决方案?
另外,我真的很新,我知道上面的示例代码不会像写的那样工作,但我至少在正确的轨道上?
谢谢,对不起,如果这是写在别的地方,我找不到,但如果有人指出我正确的方向会很高兴.
更新:
为了响应第一条评论,为了让它工作,我进入了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);
} …Run Code Online (Sandbox Code Playgroud)