2012-01-18 7 views
0


私はウェブページ上の完全なカレンダーに取り組んでいます。現在、毎日のブロックのレイアウトは:フルカレンダー出力を変更しますか?

Time 
Title 
Description 

ですが、私はタイトルが最初に来てから時間が来るようにしたいと思います。しかし、コード内でこの変更を行うことはできません。

$(document).ready(function() { 
    $("#cal").fullCalendar({ 
     header: { 
      left: 'prev,next', 
      right: 'month,agendaDay' 
     }, 
     aspectRatio: 2, 
     editable: false, 
     timeFormat: 'h:mmt{-h:mmt}', 
     eventTextColor: 'black', 
     eventBackgroundColor: '#FFFF77', 
     allDayDefault: false, 
     eventSources: [{ 
      url: 'path/to/fullcalendar', 
      color: 'green', 
      textColor: 'black' 
      }], 
     eventRender: function(event, element) { 
      element.find('.fc-event-title').html(event.title + "<br/>" + event.description).text(); 
     } 
    }); 
}); 

誰も私がどこで変更してタイトルと時間を交換する必要があるのか​​理解できますか?
ありがとう

+0

ここにはJavaはありません。 –

+0

@PaulTomblinそれはJavaアプリケーションの一部なので、私は誰かがJavaで働いていると思ったことがあるかもしれません。 –

+0

あまりスクロールせずに画面に収まるようにコードをフォーマットしてください。 –

答えて

3

eventRenderの中には、タイトルの後に時間が来るように要素のレイアウトを変更する必要があります。このようなもの:

eventRender : function(event, element) { 
    var time = element.find('.fc-event-time').detach(); 
    element.find('.fc-event-title').after(time); 
    ... any other code here ... 
} 
+0

こんにちは@patrickmcgraw提案ありがとうございます。できます。しかし、私は、これをした後にアウト・プットが少し有線であることを発見しました。出力では、タイトルは '' [Object object] ''文字列の後に続きます...それで何が起こっているのか分かりますか?ありがとうございます –

+0

[オブジェクトオブジェクト]文字列がどこにあるのかをHTMLで調べると、 – patrickmcgraw

+0

文字列はタイトルに関連付けられます。ここで方法 'eventRenderによって私のコードです。関数(イベント、要素){ \t \t \t \t \t \t \t \t \t \t \t \t \t時間= element.find( 'FC-イベント時間は')(デタッチ) ; \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t element.find(時間)の後( 'FC-イベントタイトル。')。 \t \t \t \t \t \t \t \t \t \t \t \t \t element.find( 'FC-イベントのタイトル')。htmlの(event.title + "
"+時間+"
" + event.description)の.text (); \t \t \t \t \t \t \t \t \t \t \t \t} ' –

関連する問題