【TypeScript】YYYY-MM-DDを MM/DDに整形するメソッド【JavaScript】

typescript date format JavaScript
この記事は約2分で読めます。

この記事の最終更新日: 2023年2月21日

YYYY-MM-DDを MM/DDに整形するメソッド

TypeScriptでYYYY-MM-DD形式の日付文字列からMM/DD形式の日付文字列を取得するメソッドを作成するには、次のように書くことができます。

function formatDate(dateString: string): string {
  const date = new Date(dateString);
  const month = date.getMonth() + 1;
  const day = date.getDate();
  return `${month.toString().padStart(2, '0')}/${day.toString().padStart(2, '0')}`;
}

このメソッドは、引数としてYYYY-MM-DD形式の日付文字列を取り、MM/DD形式の日付文字列を返します。具体的には、次のように使用できます。

const date = '2023-02-16';
const formattedDate = formatDate(date);
console.log(formattedDate); // "02/16"

このコードでは、まず、渡された日付文字列をDateオブジェクトに変換します。getMonth()メソッドは、0から始まる月のインデックスを返すため、実際の月を取得するために1を加算します。padStart()メソッドは、数値が1桁の場合に0で左側をパディングします。最後に、template literalを使用してMM/DD形式の文字列を返します。

コメント

タイトルとURLをコピーしました