Kin*_*mon 4 javascript css ruby-on-rails fullcalendar ruby-on-rails-4
我想在我的rails项目上运行fullcalendar.我正在按照https://github.com/bokmann/fullcalendar-rails中的步骤操作,但我遇到了错误.
当我从我的application.html.erb页面调用所有内容时,日历只能在此视图中正确显示http://fullcalendar.io/js/fullcalendar-2.2.6/demos/basic-views.html
<!DOCTYPE html>
<html>
<head>
<title>LetsScheduleComMy</title>
<%= csrf_meta_tags %>
<meta charset='utf-8' />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta content="05DB4EB1125C9BB77659AD0ADC8E0BAC" name="msvalidate.01">
<link href='/assets/fullcalendar.css' rel='stylesheet' />
<link href='/assets/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='/assets/moment.min.js'></script>
<script src='/assets/jquery.min.js'></script>
<script src='/assets/fullcalendar.min.js'></script>
<script>
$(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
}
});
});
</script>
</head>
<body>
<%= yield %>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
但每当我尝试使其成为动态轨道方式时,它都无法正常运行.所以在我的application.js文件中
//= require jquery
//= require moment.min
//= require jquery.min
//= require fullcalendar.min
//= require_tree .
Run Code Online (Sandbox Code Playgroud)
在我的application.css.scss文件中
*= require_tree
*= require_self
Run Code Online (Sandbox Code Playgroud)
并在我的application.html.erb文件中
<!DOCTYPE html>
<html>
<head>
<title>LetsScheduleComMy</title>
<%= stylesheet_link_tag 'application', media: 'all'%>
<%= javascript_include_tag 'application'%>
<%= csrf_meta_tags %>
<meta charset='utf-8' />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta content="05DB4EB1125C9BB77659AD0ADC8E0BAC" name="msvalidate.01">
<script>
$(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
}
});
});
</script>
</head>
<body>
<%= yield %>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
请注意,这里唯一的区别是我已将所需的css和javascript文件放在我的application.js和application.css文件中,并在我的application.html.erb文件中添加了javascript和样式表标签,这是rails建议的.但后来似乎fullcalendar不接受rails的实现方式.
有什么可以做的吗?
谢谢
| 归档时间: |
|
| 查看次数: |
4241 次 |
| 最近记录: |