完整的日历与Rails和循环通过内联JS

Fullcalendar with Rails and looping through inline JS

本文关键字：JS 循环 日历 Rails      更新时间：2023-09-26

在尝试填充fullcalendar的事件数据时，我得到了一个意想不到的令牌。我需要另一双眼睛来告诉我我做错了什么。任何帮助都会很感激"意想不到的记号"是我在计划中得到的。每一行，但我在正确的位置结束和开始。

.small-10.columns
    %div
        #calendar
            #wrap
    #external-events
        %h4 Draggable Events
        - @plans.each do |plan|
            .external-event= link_to plan.name, plan
        %p
            %input#drop-remove{type: "checkbox"}/
            %label{for: "drop-remove"} remove after drop
:javascript
    $(document).ready(function() {
    $("#calendar").fullCalendar({
    header: {
    left: "prev,next today",
    center: "title",
    right: "month,agendaWeek,agendaDay"
    },
    defaultView: "month",
    height: 500,
    slotMinutes: 15,
    events: 
    [
    <% @plans.each do |plan| %>
    {
    title  : "<%= plan.name %>",
    start  : "<%= plan.start_date.strftime '%Y-%m-%dT%H:%M:%S' %>",
    end    : "<%= plan.end_date.strftime '%Y-%m-%dT%H:%M:%S' %>"
    },
    <% end %>
    ],

    timeFormat: "h:mm t{ - h:mm t} ",
    dragOpacity: "0.5"
        });
    });

您已经在使用HAML了。试试这个:

 % @plans.each do |plan|
        {
        title  : = "#{plan.name}" ,
        start  : = "#{plan.start_date.strftime '%Y-%m-%dT%H:%M:%S'}",
        end    : = "#{plan.end_date.strftime '%Y-%m-%dT%H:%M:%S'"
        },
 % end

试试这样的格式，

start: '<%= plan.start_date.to_datetime %>'

相关文章：