在我的简单应用程序中有一个页面,使用jQuery插件http://fullcalendar.io/显示日历。
我想添加一个链接到标题,这样用户就可以导航到其他地方到不同的视图。这可能吗?日历本身的文档很差。具体来说,我想添加一个FontAwesome图标,并让它重定向用户点击。
我知道自定义标题很容易——只要像这样指定自定义标题:
<div id="calendar"></div>
<script>
$('#calendar').fullCalendar({
header: {
left: 'prevYear,nextYear',
center: 'title',
},
titleFormat: '[Hello, World!]'
});
</script>
然而,我试图使用Rails助手link_to
在日历旁边添加一个链接。这可能吗?这是我的尝试,但它不工作:
<div id="calendar"></div>
<script>
$('#calendar').fullCalendar({
header: {
left: 'prevYear,nextYear',
center: 'title',
},
titleFormat: '[<%= link_to '<i class="fa fa-icon"></i>'.html_safe, some_path %>']'
});
</script>
这一行有个打字错误:
titleFormat: '[<%= link_to '<i class="fa fa-icon"></i>'.html_safe, some_path %>']'
在%>
后面有一个额外的单引号。试试这个:
titleFormat: '[<%= link_to '<i class="fa fa-icon"></i>'.html_safe, some_path %>]'
如果您在修复后仍然有问题,请尝试查看FullCalendar的titleFormat
属性支持。我不知道FullCalendar是否允许你在属性中放入任意的HTML -属性的文档没有说清楚。你可以通过查看FullCalendar的其余文档或处理该属性的源代码来检查。
你对link_to
和html_safe
的使用对我来说很好。