在 Rails 上初始化应用程序 CSS 和 JavaScript 标签时，未显示 FullCalendar 标题工具栏

fullcalendar header toolbar buttons not showing when application css and javascript tags are initialized on rails

本文关键字：显示 FullCalendar 工具栏 标题 标签 JavaScript Rails 初始化 应用程序 CSS      更新时间：2023-09-26

我想在我的rails项目上运行完整的日历。我正在按照 https://github.com/bokmann/fullcalendar-rails 中的步骤操作，但遇到错误。

日历仅在此视图中正确显示，http://fullcalendar.io/js/fullcalendar-2.2.6/demos/basic-views.html 当我像这样从我的 application.html.erb 页面调用所有内容时 

<!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>

但是每当我尝试让它以动态轨道的方式运行时，它都无法正常运行。所以在我的应用程序中.js文件 

//= require jquery
//= require moment.min
//= require jquery.min
//= require fullcalendar.min
//= require_tree .

在我的应用程序.css.scss文件中 

 *= require_tree 
 *= require_self

在我的应用程序中.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>

请注意，这里唯一的区别是我已经将所需的 css 和 javascript 文件放在我的应用程序.js和 application.css 文件中，并根据 rails 的建议在我的应用程序.html.erb 文件中添加了 javascript nd 样式表标签。但是，似乎fullcalendar不接受rails的实现方式。

有什么可以做的吗？

谢谢

尝试删除 fullcalendar.print.css...它为我解决了这个问题。

相关文章：