Question

我想使用完整的日历作为作者的助手。这意味着，至少，用户应该能够传递任意日期变量（＆lt;％@hdate ='yyyy-mm-dd'％＆gt;），完整的日历应用程序将使用@hdate作为日期 - 今天。这可能吗？在视图中，需要使用该变量的位置，控制器，??

我基本上使用Drifting Rails＃42 FullCalendar剧集中的代码。这是full_calendar.js

var initialize_calendar;
initialize_calendar = function() {
$('.calendar').each(function(){
var calendar = $(this);
calendar.fullCalendar({
  header: {
    left: 'prev,next today',
    center: 'prevYear, title, nextYear',
    right: 'month,agendaWeek,agendaDay'
  },
  selectable: true,
  selectHelper: true,
  editable: true,
  eventLimit: true,
  events: '/events.json',

  select: function(start, end) {
    $.getScript('/events/new', function() {
      $('#event_date_range').val(moment(start).format("MM/DD/YYYY HH:mm") + ' - ' + moment(end).format("MM/DD/YYYY HH:mm"))
      date_range_picker();
      $('.start_hidden').val(moment(start).format('YYYY-MM-DD HH:mm'));
      $('.end_hidden').val(moment(end).format('YYYY-MM-DD HH:mm'));
    });

    calendar.fullCalendar('unselect');
  },

  eventDrop: function(event, delta, revertFunc) {
    event_data = { 
      event: {
        id: event.id,
        start: event.start.format(),
        end: event.end.format()
      }
    };
    $.ajax({
        url: event.update_url,
        data: event_data,
        type: 'PATCH'
    });
  },

  eventClick: function(event, jsEvent, view) {
    $.getScript(event.edit_url, function() {
      $('#event_date_range').val(moment(event.start).format("MM/DD/YYYY HH:mm") + ' - ' + moment(event.end).format("MM/DD/YYYY HH:mm"))
      date_range_picker();
      $('.start_hidden').val(moment(event.start).format('YYYY-MM-DD HH:mm'));
      $('.end_hidden').val(moment(event.end).format('YYYY-MM-DD HH:mm'));
    });
    }
  });
  })
 };

 $(document).on('turbolinks:load', initialize_calendar);

这是visitor.html.erb文件：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= content_for?(:title) ? yield(:title) : "Template" %></title>
    <meta name="description" content="<%= content_for?(:description) ? yield(:description) : "Template" %>">
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
<body>
  <header>
  <%= render 'layouts/navigation' %>
</header>
<main role="main">
  <div class='container'>
    <%= render 'layouts/messages' %>
    <div class="calendar"></div>
    <div id='remote_container'></div>
  </div>
</main>

同样，我希望能够在assets /../../ full_calendar.js容器之外修改日历defaultDate，这样我就不会有需要预编译才能在生产模式下运行的问题。

如何将fullcalendar转换为历史日历？

0 个答案: