生年月日から年齢を計算してサイト上に表示するJavaScriptサンプル

https://iwb.jp/s/js/iwbdate.js を読み込んで使用する。

月と日の0は省略可能。/・-・年月日のいづれかで区切る。data-iwb-date属性を付けるタグは何でも良い。

• 譜久村聖 1996年10月30日生まれ 歳
• 生田衣梨奈 1997年7月7日生まれ 歳
• 飯窪春菜 1994年11月7日生まれ 歳
• 石田亜佑美 1997年1月7日生まれ 歳
• 佐藤優樹 1999年5月7日生まれ 歳
• 工藤遥 1999年10月27日生まれ 歳
• 小田さくら 1999年3月12日生まれ 歳
• 尾形春水 1999年2月15日生まれ 歳
• 野中美希 1999年10月7日生まれ 歳
• 牧野真莉愛 2001年2月2日生まれ 歳
• 羽賀朱音 2002年3月7日生まれ 歳

HTML

<ul>
  <li>譜久村聖 1996年10月30日生まれ <span data-iwb-date="1996年10月30日"></span>歳</li>
  <li>生田衣梨奈 1997年7月7日生まれ <span data-iwb-date="1997/7/7"></span>歳</li>
  <li>飯窪春菜 1994年11月7日生まれ <span data-iwb-date="1994-11-7"></span>歳</li>
  <li>石田亜佑美 1997年1月7日生まれ <span data-iwb-date="1997年1月7日"></span>歳</li>
  <li>佐藤優樹 1999年5月7日生まれ <span data-iwb-date="1999/5/7"></span>歳</li>
  <li>工藤遥 1999年10月27日生まれ <span data-iwb-date="1999-10-27"></span>歳</li>
  <li>小田さくら 1999年3月12日生まれ <span data-iwb-date="1999年3月12日"></span>歳</li>
  <li>尾形春水 1999年2月15日生まれ <span data-iwb-date="1999/2/15"></span>歳</li>
  <li>野中美希 1999年10月7日生まれ <span data-iwb-date="1999-10-7"></span>歳</li>
  <li>牧野真莉愛 2001年2月2日生まれ <span data-iwb-date="2001年2月2日"></span>歳</li>
  <li>羽賀朱音 2002年3月7日生まれ <span data-iwb-date="2002/3-7"></span>歳</li>
</ul>