【问题标题】:FullCalendar dates and times rendered incorrect railsFullCalendar 日期和时间呈现不正确的轨道
【发布时间】:2016-11-05 04:45:10
【问题描述】:

FullCalendar 在我的 RoR 应用程序中实现,今天他正在做测试,我意识到日期和日期不正确。 直到今天我都工作得很好,创建一个新的应用程序,同样的事情发生了,今天是 11 月 4 日星期一, 我知道现在不是 11 月 6 日

var initialize_calendar;
initialize_calendar = function() {
  $('.calendar').each(function(){
    var calendar = $(this);
    calendar.fullCalendar({
      header: {
        left: 'prev,next today',
        center: 'title',
        today:    'hoy',
        month:    'month',
        week:     'week',
        day:      'day',
        right: 'month,agendaWeek,agendaDay'
      },

      allDayText: "Todo el dia",

      buttonText: {
        today: "Hoy",
        month: "Mes",
        week: "Semana",
        day: "Hoy"
      },

      monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
      monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
      dayNames: ['Lunes', 'Martes', 'Miercoles', 'Jueves','Viernes', 'Sabado', 'Domingo'],
      dayNamesShort: ['Lun', 'Mar', 'Mier', 'Jue', 'Vie', 'Sab', 'Dom'],
      defaultView: 'agendaDay',
      selectable: true,
      minTime: '08:00:00',
      maxTime: '20:00:00',
      slotDuration: '00:60:00',
      hiddenDays: [ 5, 6 ],
      selectHelper: true,
      editable: true,
      eventLimit: true,
      events: '/events.json',
      timezone: "local",


      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);

【问题讨论】:

  • 测试时显示正确jsfiddle?
  • 如果你在周六和周日隐藏,就会发生错误。 @Rhono
  • 那些日子你是怎么躲起来的?我尝试使用weekends: false,但看起来还可以。随意链接更新的 jsfiddle
  • 翻译成西班牙日时出现错误

标签: jquery ruby-on-rails fullcalendar


【解决方案1】:

我无法阅读西班牙语意味着我看不到错误;)

您需要使用 Domingo 启动 dayNamesdayNamesShort 数组。 FullCalendar docs.

dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mier', 'Jue', 'Vie', 'Sab']

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多