TypeScript で現在の日付と時刻を取得する

この記事では、TypeScript で現在の日付と時刻を取得する方法について説明します。

TypeScript で現在の日付と時刻を取得する

Date() を使用して、TypeScript で既存の日付と時刻を取得できます。

コード例:

# typescript
const newDate = new Date()
console.log(newDate)

出力：

Date() コンストラクター コマンドを使用して、TypeScript で現在の日付と時刻を示す日付オブジェクトを取得しました。

Date オブジェクトは、1970 年 1 月 1 日 UTC から経過したミリ秒数を表す数値を収集し、多くの固有のメソッドを提供します。

TypeScript の Date オブジェクトのプロパティ

constructor は、オブジェクトのプロトタイプを生成する関数を識別します。 同時に、prototype により、さまざまなプロパティとメソッドをオブジェクトに追加できます。

Now 変数が Date であると正確に推測することにより、Date オブジェクトが提供する多くの組み込みメソッドを楽しむことができます。

Date オブジェクトで使用できるメソッドを示す例をいくつか見てみましょう。

コード例:

# typescript
const now =newDate();

console.log(now);
console.log(now.toLocaleDateString());
console.log(now.toLocaleString());
console.log(now.toUTCString());
console.log(now.toISOString());

出力：

TypeScript で日付形式を変更する

YYYY-MM-DD、MM/DD/YYYY、MM/DD/YYYY など、さまざまな方法で日付形式を設定できます。 必要に応じて、これらの形式のいずれかを使用できます。

一方、時間は hh:mm:ss と書くことができます。

コード例:

# typescript
function ConvertTo2Digits(newNum: number) {
    return newNum.toString().padStart(2, '0');
}
function changeDateFormat(newDate: Date) {
    return (
        [
            newDate.getFullYear(),
            ConvertTo2Digits(newDate.getMonth() + 1),
            ConvertTo2Digits(newDate.getDate()),
        ].join('-') +
        ' ' +
        [
            ConvertTo2Digits(newDate.getHours()),
            ConvertTo2Digits(newDate.getMinutes()),
            ConvertTo2Digits(newDate.getSeconds()),
            ].join(':')
     );
}

console.log(changeDateFormat(new Date()));
console.log(changeDateFormat(new Date('May 16, 2020 02:34:07')));

出力：

この関数では、日付に関連付けられた 6つのメソッドが示されています。 以下でそれらについて詳しく説明します。

Date.getFullYear() メソッドは、日付に関連する年を示す 4 桁の数字を返しました。

Date.getMonth() メソッドは通常、1 月の 0 と 12 月の 11 の間の整数を返し、指定された日付の月を示します。 しかし残念ながら、この方法は 1 によって却下されました。

Date.getDate() メソッドは、1 から 31 までの整数を返し、定義された日付の日付を示しました。 Date.getHours() メソッドは、定義された日付の時間を返しました。

次に、Date.getMinutes() メソッドが特定の日付の分を返しました。 そして、Date.getSeconds() メソッドは固定日付の秒数を返しました。

getMonth() はゼロから始まるメソッドであるため、1 を戻り値に追加する必要があります。

TypeScript で 1 桁を 2 桁に変換する

最初に、ConvertTo2Digits() 関数を作成する必要があります。これにより、月、日、時、分、または秒が 1 桁 (10 未満) の場合は常に先行ゼロが追加されます。

コード例:

# typescript
function ConvertTo2Digits(newNum: number){
return newNum.toString().padStart(2,'0');
}

console.log(ConvertTo2Digits(5));
console.log(ConvertTo2Digits(9));
console.log(ConvertTo2Digits(14));

出力：

padstart メソッドを使用して、一貫した結果が得られるようにし、月、日、時、分、秒が 2 桁になるようにします。

文字列パラメータの全長を ConvertTo2Digits() 関数に固定します。 これにより、2 桁がすでに存在する場合、この関数はいかなる状況でも値を追加しません。

TypeScript の日付にハイフン区切りを追加する

年、月、日を配列に配置して、ハイフン区切りを使用して結合する必要があります。

コード例:

# typescript
console.log(['2022','05','16'].join('-'));
console.log(['2024','03','26'].join('-'));

出力：

スラッシュ / のような別のセパレーターを使用することもできます。 このセパレータの助けを借りて、好みに応じて日付のコンポーネントを簡単に並べ替えることができます。

たとえば、MM/DD/YYYY がある場合、配列内の要素の場所を変更するだけで YYYY-MM-DD に変更できます。 その結果、日付は YYYY-MM-DD の形式になります。

TypeScript で時間形式を変更する

ここで、以下に示すように、時間関連のメソッドからの戻り値を配列の形式で追加し、それらをコロンで接続します。

コード例:

# typescript
console.log(['03','11','17'].join(':'));
console.log(['06','22','49'].join(':'));

出力：

日付コンポーネントの場合に使用したのと同じメソッドを使用して、時間コンポーネントをフォーマットできます。