0

2 つの日付の間の時間を表示するマーカーの増分を使用してタイムラインを作成しましたが、正常に動作しますが、適切な増分マーカーに日付を添付したいと考えています。

フィドルを参照してください: http://jsfiddle.net/vK8WA/

ご覧のとおり、日付を取得し、表示するマーカーの数と、それらをタイムライン上に均等に配置するためにどのくらいの間隔を空けるかを計算し、要素を作成します。

2 つの日付の間の日数が以下の場合31は、1 日ごとにマーカーを表示しますが、日数が と等しいかそれ以上の場合は32、マーカーを週 (7 日) で表示します。

各インクリメントの日付をそれぞれのマーカーに添付するにはどうすればよい<div>ですか? ヘルプ?

編集

以下に示すようiに、タイムラインの日付番号をインクリメントする方法を使用しました。新しい Fiddle を参照してください: http://jsfiddle.net/vK8WA/1/

私の問題、数字がどんどん高くなっていくということです。月の名前を抽出し、日付が 31 (または月によっては 30、28) になったら数値を 1 にロールオーバーし、次の月を順番に取得する必要があります。誰でもこれを手伝ってもらえますか?

4

2 に答える 2

1

あなたの fiddleを更新しました。結果に満足していただけると思います。

  • startDateとの変数を作成しましたendDate
  • markerDate既存のロジックに基づいて、1 日または 7 日ずつ増加する変数に基づいてマーカーを作成しました。
  • 月の省略形のリストと、ordinal書式設定された出力の生成を支援する機能が追加されました
  • text-align: center;あなたのcssに追加されましたtime-increment

結果は次のようになります。

タイムライン画像

于 2013-06-20T16:08:28.673 に答える