FullCalendar: изменение формата даты и времени начала события - PullRequest
Новая
       10

FullCalendar: изменение формата даты и времени начала события

0 голосов
/ 27 февраля 2012

Я перевожу свой фид Календаря Google на полный календарь.Когда я просматриваю сведения о событии, время начала отображается следующим образом: вс 19 февраля 2012 15:00:00 GMT-0500 (восточное стандартное время).Я бы предпочел, чтобы это выглядело немного более «нормально» - может быть, так: воскресенье, 19 февраля 2012 г., 15:00 (EST).Я читал о formatdate и т. Д., Но до сих пор не могу понять, что мне действительно нужно сделать, чтобы изменить формат даты и времени.Я читал похожие темы на этом форуме, но на данный момент они меня просто смущают.Заранее большое спасибо за любую помощь!Мой полный календарный код ниже: 

<script type="text/javascript">
        $(document).ready(function() {
            $('#calendar').fullCalendar({
                  eventClick: function(calEvent, jsEvent, view) {
                    $.colorbox({
                        maxWidth:"800px", html:"<h1>"+calEvent.title+"</h1><h2>When</h2><p>"+calEvent.start+"</p><h2>Where</h2><p>"+calEvent.location+"</p><h2>"+calEvent.eventTime+"</h2><p>"+calEvent.description+"</p>"});
                  },
                  events:
                        {
                        url: 'my google calendar feed url'
                        }
            });
        });
</script>

1 Ответ

3 голосов
/ 27 февраля 2012

Вы хотите изменить бит formatDate, где он говорит «ЧЧ: мм», на соответствующие буквы для того, что вы ищете здесь .

Для того, что вы ищете (минус бит EST, которого нет в функции formatDate) вам нужно что-то вроде этого: 

var eventTime = $.fullCalendar.formatDate(calEvent.start, "dddd, MMMM yyyy @ h:sstt")+" to "+
                $.fullCalendar.formatDate(calEvent.end, "dddd, MMMM yyyy @ h:sstt");

Редактировать: Как я понимаю ... 

<script type="text/javascript">
    $(document).ready(function() {
        $('#calendar').fullCalendar({
              eventClick: function(calEvent, jsEvent, view) {
        var eventTime = $.fullCalendar.formatDate(calEvent.start, "dddd, MMMM yyyy @ h:sstt")+" to "+
                        $.fullCalendar.formatDate(calEvent.end, "dddd, MMMM yyyy @ h:sstt");
        $.colorbox({
          maxWidth:"800px",
          html:"<h1>"+calEvent.title+"</h1>"+
             "<h2>When</h2>"+
             "<p>"+eventTime+"</p>"+
               "<h2>Where</h2>"+
               "<p>"+calEvent.location+"</p>"+
               "<p>"+calEvent.description+"</p>"});
        },
        events:
        {
            url: 'my google calendar feed url'
        }
     });
        });
</script>
...