Рельсы 3 Полный календарь Javascript / Jquery

Question

Я занимаюсь полным календарем Rails 3 для своего сайта. Я новичок, но добираюсь туда медленно :) Я прочитал документацию и вижу, что

 $.fullCalendar.formatDate( date, formatString [, options ] ) -> String

- это опция для форматирования даты (я думаю). Поскольку я новичок в javascript / jquery, мне было интересно, если кто-нибудь может показать мне, как реализовать мою дату, отображаемую для просмотра недели и дня, как DD / MM / YYYY. Если бы вы могли объяснить, я был бы очень признателен ..

Answer 1

Я полагаю, что вы обнаружили, что есть просто функция для форматирования даты для вывода в определенном месте.Например, если вы хотите, чтобы в диалоговом окне оповещения js отображался объект даты, вы могли бы написать

alert('This date object is: ' + date);

, который бы создал диалог, показывающий:

Этот объект даты: Пн Апр.02 2012 07:45:00 GMT-0600 (MDT)

Функция, которую вы там нашли, позволит вам отформатировать строку вывода даты следующим образом:

alert('This date object is: ' + $.fullCalendar.formatDate( date, "m-d-yy h:m" ));

Что будетсоздайте диалог, который гласит:

Этот объект даты: 15-2-12 7: 15

Я думаю, что, возможно, вы ищете вариант columnFormat

http://arshaw.com/fullcalendar/docs/text/columnFormat/

Это позволяет форматировать показания даты в верхней части столбцов.В вашем случае добавьте эту опцию к вашей инициализации, которая запустит что-то вроде этого:

$('#calendar').fullCalendar({
              editable: true,
              header: {
                  left: 'prev,next today',
                  center: 'title',
                  right: 'month,agendaWeek,agendaDay'
              },
              columnFormat: {
                  day: 'd/MM/yyyy',
                  week: 'd/MM/yyyy'
              },
              defaultView: 'agendaWeek',
              height: 500,
              slotMinutes: 15,
              loading: function(bool){
                  if (bool)
                      $('#loading').show();
                  else
                      $('#loading').hide();
              },
              events: "/events/get_events",
              timeFormat: 'h:mm t{ - h:mm t} ',
              dragOpacity: "0.5",
etc...

Проверьте все параметры настройки текста / времени для способов настройки других частей календаря

http://arshaw.com/fullcalendar/docs/text/