fullcalendarの時刻形式

Question

こんにちは、私はこの話題が以前の事例で議論されていたことは知っていますが、別のスレッドにもかかわらず、私はまだ私の問題を解決できません。 http://arshaw.com/fullcalendar/で提供されている完全なカレンダーを使用しています。たとえば、「10：30a」 - 「7p」という2つの時間表示方法があります。 「12:00 pm」または「12:00am」という形式で、1日でないイベントのカレンダーに時間を表示したい。私が抱えている問題は、fullcalendarをダウンロードすると、いくつかのファイルがあります：

fullcalendar.js、fullcalendar.css、fullcalendar.css、fullcalendar.min.js、fullcalendar.print.css、gcal.js、jquery-1.9です。 1.min、jquery-ui-1.10.2.custom.min

私は他のスレッドから提案されているものを試しました。これはfullcalendar.jsの時刻形式とsetdefaultメソッドの変更ですが、役に立たないものです。私も "fullcalendar.js"ファイルを削除することができ、私のテストはまだうまく動作します。私はなぜそれが知りたいのですが、時間フォーマットがそこで管理されていない場合、それはどこで管理されていますか？ありがとう

Answer 1

fullcalendarでは、時刻形式（http://arshaw.com/fullcalendar/docs/text/timeFormat/）を設定することでデフォルトの時刻を変更できます。おそらくソースコードを変更するよりも良いでしょう。

解決策が機能しない理由は、fullcalendar.jsとfullcalendar.min.jsが含まれているためです。これらのファイルには同じコードが含まれ、2つ目は最初のバージョンの縮小バージョンです。縮小されたファイルは通常、展開されたバージョンのサイトで使用され、他のバージョンは開発で使用されます。

axisFormat: 'h:mm a' 

Answer 2

あなたはこれを使用することができますそれを動作させるためにはJavaScriptとCSSが必要です。

第2に、時間を正しく表示しても同じ問題がありました。これは私がやったことです、少しの回避策ですが、それは私のために働いた、ごめんなさい、汚れていれば。

カレンダーを初期化するときは、timeformatのオプションを指定する必要があります。これにより、丸められた時間でも分数が表示されます。そして、それだけで「」または「P」ではない「午前」または「午後」に登場して

jQuery('#calendar').fullCalendar({ timeFormat: 'h:mm t' }); 

はので、私は最後に「M」を追加するためにCSSの魔法の少しを使用し、私が作成しましたルール：

.fc-time:after { content: "m"; } 

今、あなたは可能性がある週の景色を台無しルール

.fc-axis.fc-time:after { content: " "; } 

を追加して、今、うまくいけば、あなたはそれをあなたが望む方法を持っているので。

よろしく

Answer 3

まず、私はあなたが非常に多くのファイルと混同していると思いますが、基本的にあなたがで縮小さ必要なだけ必要があります：あなたが作りたいのであれば変更は縮小さバージョンが含まれていない

Answer 4

使用この、仕事になるだろう：

$('#calendar').fullCalendar({ 
timeFormat: 'hh:mm a' 
}); 

Answer 5

あなたはtimelineDayビューを使用している場合、私はこの設定は、時間の形式を変更することが分かった：

slotLabelFormat:"HH:mm" 

Answer 6

あなたのscheduler.fullcalendarで。jsファイルのイベントを探してください：[]、とその下にこの行を追加してくださいtimeFormat： 'hh：mm A'、 10:20 PM の時間が表示されます。することができます、 'ミリメートルA H：' 22:20にfullcalendar v3ので小さな

Answer 7

を使用し、彼らはあなたが、 TIMEFORMATを使用してフォーマットすることができ 、フォーマット時にmoment.jsを使用しますこの入力で見積もりを変更するmoment js docs page