JavaScript で現在の日付を取得する

現在の日付を取得する方法を理解する

Web 開発では、現在の日付を動的に表示すると、リアルタイムの情報が提供され、ユーザー エクスペリエンスが向上します。 JavaScript は多用途な言語であるため、これを実現するためのいくつかの方法が提供されています。

単純な Web ページを構築する場合でも、複雑なアプリケーションを構築する場合でも、現在の日付を取得する方法を知ることは基本的なスキルです。この記事では、プロジェクトで日付の取得を効率的に実装できるようにするプロセスについて説明します。

指示	説明
new Date()	現在の日付と時刻を表す新しい Date オブジェクトを作成します。
getFullYear()	指定された日付の年 (1000 ～ 9999 の日付の場合は 4 桁) を返します。
getMonth()	指定された日付の月 (0 ～ 11) を返します。0 は 1 月を表し、11 は 12 月を表します。
getDate()	指定された日付の日 (1 ～ 31) を返します。
require('express')	最小限で柔軟な Node.js Web アプリケーション フレームワークである Express モジュールをインポートします。
app.get()	指定されたパス (この場合はルート パス (「/」)) への GET リクエストのルート ハンドラーを定義します。
app.listen()	サーバーを起動し、指定されたポートで接続を待機します。

スクリプト関数の詳細な内訳

最初のスクリプト例は、フロントエンドで JavaScript を使用して現在の日付を取得する方法を示しています。の 関数は、現在の日付と時刻を表す新しい Date オブジェクトを作成します。このオブジェクトは、日付のさまざまな部分を抽出するためのメソッドをいくつか提供します。 、 、 そして getDate()。これらのメソッドは、それぞれ年、月、日を返します。これらの値を組み合わせることで、スクリプトはフォーマットされた日付文字列を構築します。最後に、現在の日付がコンソールに表示されます。 これは、日付が正しく取得されたことをデバッグおよび確認するのに役立ちます。

2 番目のスクリプトは、Node.js を使用してバックエンドで現在の日付を取得する方法を示しています。 Express モジュールをインポートすることから始まります。 は、最小限で柔軟な Node.js Web アプリケーション フレームワークです。次に、スクリプトは関数を定義します。 、フロントエンドの例と同様に、現在の日付を作成してフォーマットします。ルート ルート パス (「/」) への GET リクエストを処理するために使用され、現在の日付を応答として送信します。ついに、 app.listen() サーバーを起動し、指定されたポートで接続をリッスンし、サーバーが実行中でリクエストを処理できる状態にあることを確認します。

// Function to get the current date
function getCurrentDate() {
  const today = new Date();
  const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  return date;
}

// Display the current date in the console
console.log("Today's date is: " + getCurrentDate());

// Import the date module
const express = require('express');
const app = express();
const port = 3000;

// Function to get the current date
function getCurrentDate() {
  const today = new Date();
  const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  return date;
}

// Route to display the current date
app.get('/', (req, res) => {
  res.send("Today's date is: " + getCurrentDate());
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

JavaScript での高度な日付処理

現在の日付を取得することに加えて、JavaScript には、より高度な日付操作と書式設定のためのメソッドがいくつか用意されています。重要な方法の 1 つは、 、ユーザーのロケールに基づいて日付をフォーマットし、よりユーザーフレンドリーで読みやすくします。このメソッドは、日付を長い形式、短い形式、数値などのさまざまな形式で表示するオプションを使用してカスタマイズできます。

JavaScript での日付処理のもう 1 つの便利な側面は、日付に対して算術演算を実行できることです。たとえば、次のようなメソッドを使用して、日付に日、月、年を加算または減算できます。 、 、 そして 。これらのメソッドを使用すると、Date オブジェクトを変更し、将来または過去の日付を計算できます。これは、イベントや期限をスケジュールする必要があるアプリケーションで役立ちます。

JavaScript での日付取得に関する最終的な考え方

JavaScript で現在の日付を取得するのは、多用途の Date オブジェクトのおかげで簡単です。フロントエンドで作業している場合でもバックエンドで作業している場合でも、組み込みメソッドを使用して日付を簡単に取得し、書式設定することができます。日付の操作は多くのアプリケーションで共通の要件であるため、これらの基本を理解することは Web 開発者にとって非常に重要です。日付を効果的に処理する方法の知識があれば、Web プロジェクトの機能とユーザー エクスペリエンスを向上させることができます。