Jquery время Полный календарь название события неправильно

Question

У меня есть JQuery Полный календарь в моем UI, и это выглядит следующим образом:

Проблема заключается в 10: 00-10: 12 утра часть мероприятия название, которое, по-видимому, добавляется к элементу, основанному на параметрах startTime и endTime в JSON, который устанавливает элемент пользовательского интерфейса. Пожалуйста, смотрите мой раздел кода для этого здесь:

jQuery(document).ready(function() { 
     jQuery('#calendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month, agendaWeek, agendaDay' 
      }, 
      allDayText: 'All Day', 
      columnFormat: { 
       month: 'ddd', 
       week: 'ddd d/M', 
       day: 'dddd d/M' 
      }, 
      editable: false, 
      weekends: true, 
      timeFormat: 'h:mm-h:mma ', 
      axisFormat: 'hh:mma', 
      firstDay: 1, 
      slotMinutes: 15, 
      defaultView: 'month', 
      minTime: '10:00', 
      maxTime: '17:00', 
      monthNames: ["January","February","March","April","May","June","July", "August", "September", "October", "November", "December" ], 
      monthNamesShort: ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","nov","Dec"], 
      dayNames: ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"], 
      dayNamesShort: ["Sun","Mon", "Tue", "Wed", "Thus", "Fri", "Sat"], 
      buttonText: { 
       today: "Today", 
       day: "Day", 
       week:"Week", 
       month:"Month" 
      }, 
      selectable: true, 
      selectHelper: false, 
      select: function(start, end, allDay) { 

      }, 

      events: [ 
           { 
             id: "3", 
             title: "My event title", 
             start: new Date(2014,10,03,10,0), 
             end: new Date(2014,10,03,12,0), 
             allDay: false, 
             backgroundColor : "#7F97FF", 
             textColor: "white" 
            }, 

Проблема заключается в интерфейсе он показывает 10: 00-10: 12 утра, который не делает чувство. Согласно коду событий, он должен начинаться с 10,00,00 и заканчиваться на 12,00,00, так почему же название не соответствует этому? Может кто-нибудь, пожалуйста, помогите мне!

Answer 1

Ваш FullCalendar настроен неправильно, так как вы хотите, чтобы текст «Start-End» Time на каждом событии.

timeFormat: 'h:mm-h:mma ', // the output i.e. "10:00-10:00pm" 
timeFormat: 'h:mma ',  // the output i.e. "10:00pm" 

displayEventEnd : true, // it will show on all views (Start - End) in your timeFormat 

Я обновил свой JsFiddle, так как вы забыли вставить внешние источники, я импортировал библиотеки FullCalendar для того, чтобы работать.