JavaScriptベースのコンテンツスライダーを使用し、デフォルトで現在の月のカレンダーが表示されるようにしたい。

Question

###前提・実現したいこと
「Swiper」というのコンテンツ・スライダーを使用して、HTMLで月別のカレンダーサイトを作成しています。
このスライダーで、現在の日付に応じた月のカレンダーを初期表示するようにしたいのですが、方法がわかりません。

###発生している問題・エラーメッセージ
ページ上部で、javascriptのnew Date()で今日の日付を取得しています。
ここで取得した月の情報を変数にして、Swiperを初期化するコードの中に渡せばよいかと思うのですが、javascriptにまったく詳しくないため、苦戦しています…。

エラーメッセージ
<script>
var swiper = new Swiper('.swiper-container', {
	initialSlide: 0,
});
</script>

###該当のソースコード
上記のinitialSlide: 0,
の0にあたる部分に、現在の月の情報を入れたいです。
###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
あまりに初歩的な質問で恐縮ですが、どなたかご教授頂けますと幸いです。
どうぞよろしくお願い致します。

Answer 1

initialSlide: new Date().getMonth()
でいいんじゃないでしょうか？

ただし、getMonthは0～11の値で取れますから、実際の月はプラス1する必要があります。
initialSlideは0始まりっぽいので、ここではプラス1する必要はないかもしれません。

Comments

[isobel]

ありがとうございます！
おっしゃる通り、initialSlideが0スタートだったので、プラス1なしでうまく表示されました。
大変助かりました、ありがとうございました！