vue で日付選択ドロップダウンリスト

ひとり Advent Calendar 今年もやります。ネタはやりながら考えます。

adventar.org

 

去年のぶんはこちら

adventar.org

 


 

vue で年月日をドロップダウンで選択する。よくみる UIで だけど各月が何日まであるか?を出すのが意外と面倒。

うるう年とか考えたくないのでそのへんは Moment.js にお任せしました。

あと、年や月が変更されたときに日が存在しなくなることがあるので最終日にするなどしてみた。

js の Date オブジェクトもそうだけど内部的には月が 0 始まりなのがハマりどころ。

 

codepen.io

もっとシンプルなやりかたがあるような気もしつつ。