javascript 日付を数値に変換する

作成日 2022.09.08
javascript
javascript

javascriptで、日付を数値に変換するサンプルコードを記述してます。

1. 環境
2. 日付を数値に変換
3. サンプルコード

環境

OS windows11 home
ブラウザ chrome 104.0.5112.101

Javascript サンプル集はこちら

日付を数値に変換

日付を数値に変換するには「getTime」を使用して、基準時間(1970年1月1日00:00:00 UTC)からの経過ミリ秒として数値化することが可能です。

const date = new Date();
console.log(date);

// 基準時間(1970年1月1日00:00:00 UTC)からの経過ミリ秒で数値に変換
const result = date.getTime();
console.log(result);

実行結果

「valueOf」を使用しても、同様の結果を得ることが可能です。
※Dateオブジェクトのプリミティブ値を取得してます。

const date = new Date();

console.log(date); // Thu Jun 23 2022 11:35:22 GMT+0900 (日本標準時)

console.log(date.valueOf()); // 1655951722540

パフォーマンスは「getTime」を使用したほうが、いいです。

サンプルコード

以下は、実行ボタンをクリックすると、現在日付を取得して、数値として表示するだけのサンプルコードとなります。

※cssには「Material Design for Bootstrap」を使用してます。関数はアロー関数を使用してます。

アロー関数の使い方

document.getElementByIdの省略して記述する

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="utf-8">
  <title>mebeeサンプル</title>
  <!-- MDB -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.css" rel="stylesheet" />
</head>

<body>

  <div class="container text-center w-25" style="margin-top:200px">

    <h2><span id="result" class="badge bg-danger">実行結果</span></h2>

    <button id="btn" class="btn btn-dark btn-rounded mt-1">実行</button>

  </div>

  <script>

    btn.onclick = () => {

      const date = new Date();      

      result.innerHTML = date.valueOf()

    }

  </script>
</body>

</html>

変換されていることが確認できます。