2012-03-06 9 views
0

私はFullCalendar 1.5.3を使ってjsonフィードのイベントを表示しています。イベントごとに4つのフィールド、つまりID、開始、終了、タイトルが返されます。これはタイトルを表示する各イベントブロックで機能します。 FullCalendarの例では、開始日と終了日のイベントは、タイトルの前に開始時刻が挿入されて表示されます(たとえば、7pまたは10:30aの形式)。これはどのように達成されますか?すべてのイベントには開始時刻と終了時刻があり、次の設定を使用しています...イベントで時間を表示するにはどうすればいいですか?

$(document).ready(function(){ 
    $('#claimCalendar').fullCalendar({ 
     theme : true, 
     editable : false, 
     firstDay : 1, 
     aspectRatio : 4, 
     timeFormat: { 
      '' : 'H(:mm)t' 
     }, 
     allDayDefault: false, 
     eventSources: [ 
      { //list of my eventSources 
      } 
     ], 
     loading: function (bool) { 
      if (bool) $('#loading').show(); 
      else $('loading').hide(); 
     } 
    }); 
}); 

時間を表示する方法はありますか?最終的には、イベントごとに以下の情報を表示したいと思います。

開始タイトル終了fullCalendar paramsはと終日で偽:私が使用し、両方のallDayDefaultてきたように、これが起こった理由を0時タイトル 7時30

+0

[this](http://arshaw.com/fullcalendar/docs/text/timeFormat/)、さらには[Javascript Date object](https://developer.mozilla.org/ja/JavaScript)をご覧ください。/Reference/Global_Objects/Date) – giorgio

+0

Giorgioありがとうございますが、上記のようにtimeFormatを指定しました。私はちょうど - timeFormat: 'H(:mm)t'とtimeFormat:{month: 'H(:mm)t'}を試してみました。 – Mych

+0

とにかくあなたの出力は今何ですか? allDayまたはallDayDefaultがfalseに設定されていますか? – giorgio

答えて

1

私は...わからない、これを整理してきた私のイベントで偽が、時間は表示されませんでした。それから、fullCalendar.jsの38行目をallDayDefault:trueからallDayDefault:falseに変更しました。そして、ちょっと前に私の時間を見せてくれました。

私も2番目のタスクを解決しました。私のイベントには、start-title-endが表示されます。

+0

ちょっと疑問に思っていますが、縮小バージョンまたは非圧縮バージョンを使用していましたか?デモページにリンクされている 'fullcalander.min.js'とパッケージの一部としてダウンロードされたものについて比較しました。私が信じていることから、あなたがMinified版を使うと、この問題は起こらないはずです! – bPratik

+0

私はいくつかの追加の変更を加えたので、私は非圧縮バージョンを使用していました。私のカレンダーは毎月の請求を表示するために使用されています。クレーム月が毎月24日に始まるので、私はカレンダーが最初の行で24番目を示し、翌月の23日に行5/6で終了するように修正を加えなければなりませんでした。残業、電話待機、コールアウトの個別請求としてのイベント。 – Mych

+0

続き...これらは私が異なる色で色付けできるように3つのjsonフィードです。私はまた、そのクレーム月に有効なクレームを表示するようにフィードを制限しました。つまり、当時のクレームがあるかもしれないにもかかわらず、灰色の日に表示されるイベントはありません。カレンダークレームの月が変更され、アクティブな日になったときのみ表示されます。 – Mych

関連する問題