javascript 正規表現で「yyyymmdd」形式の日付を「年」と「月」と「日」に分ける

javascript 正規表現で「yyyymmdd」形式の日付を「年」と「月」と「日」に分ける

javascriptで、正規表現を用いて、「yyyymmdd」形式の日付を「年」と「月」と「日」に分けるサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

正規表現

matchメソッドに正規表現を用いると、「yyyymmdd」形式の日付を「年」と「月」と「日」に配列を利用して分けることが可能です。

実行結果

サンプルコード

以下は、
「実行」ボタンをクリックすると、フォームから取得した「yyyymmdd」形式の値を正規表現を使って「年」と「月」と「日」に分けて表示する
サンプルコードとなります。

※cssには「tailwind」を使用してます。また、関数はアロー関数で記述してます。

分けられていることが確認できます。