Q&A
うるう年はどうするんでしょうか？ 2月29日の存在が、この問題を難しくしていますね。
いつもお世話になっております。
以前こちらで、swiper.jsを利用してカレンダーを作成し、現在の月のカレンダーをデフォルトで表示させる方法について教えて頂きました。
https://teratail.com/questions/76643
その応用のような形になると思うのですが…。
1.365日それぞれのコンテンツを作成
2.swiper.jsでそれらのコンテンツを1枚づつスライド表示させる
3.デフォルトで、今日の日付のスライドを表示させる
ということを実現したいと思っています。
<div class="swiper-container"> <div class="swiper-wrapper"> <!-- ▼2017年1月1日▼ --> <div class="swiper-slide"> <section id="2017_january_1"> 1月1日のコンテンツ </section> </div> <!-- ▲2017年1月1日▲ --> <!-- ▼2017年1月2日▼ --> <div class="swiper-slide"> <section id="2017_january_2"> 1月2日のコンテンツ </section> </div> <!-- ▲2017年1月2日▲ --> </div> </div>
上記のような形でスライダーを作成し、
今日が1月1日なら1月1日のスライドを、1月2日なら1月2日のスライドを表示させる…
これを365日分用意する、というイメージです。
以前は、initialSlide: new Date().getMonth(),で該当月を表示する方法をご教授頂いたのですが、月と日を組み合わせてこのような取得を行うことは可能でしょうか。
どなたか教えて頂けますと幸いです。
どうぞよろしくお願い致します。
回答1件
0
ベストアンサー
年初からの経過日数-1を計算すればよいのでは。
【Javascriptで経過日数を計算する « Codaholic】
http://codaholic.org/?p=65
投稿2017/07/19 07:24
総合スコア69407
なるほど、考え方としてはそういうことになるのですね。
本当に初歩的でお恥ずかしいのですが、
initialSlide:
の中に、教えて頂いたDate.parseのコードをどう入れればよいのかがわかりません…。
initialSlide: function() {
var n = Date.parse("2017/07/19");
var m = new Date();
var x =(m - n)/1000/60/60/24;
x = Math.floor(x);
alert(x);
としてみたのですが、スライダー自体が機能しませんでした…。
よければ教えて頂けますと幸いです。
どうぞよろしくお願い致します。
swiperのinitialSlideはfunctionは指定出来ません。初期スライド番号を数字で指定するだけです。ですから x は事前に計算しておいて、 initialSlide : x , と指定します
To: isobelさん
zohnamさんの書かれている通り事前に計算する必要があります。また、書かれているコードは2017/07/19からのコードになるので、年初からに書き換える必要があります。
遅くなって申し訳ありません。
ありがとうございます。
残念ながら私の手には余るので、今回は諦めます…。
まだ質問が「受付中」になっていますが、isobelさんがコメントに書かれた内容を回答文に書き、「解決済」にされてはいかがでしょうか。
あなたの回答
tips
プレビュー
