ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptで日付を文字列に変換する方法

JavaScriptで日付を文字列に変換する方法

PHPz
リリース: 2023-04-24 17:04:37
オリジナル
6135 人が閲覧しました

JavaScript では、表示またはサーバーへの送信のために日付を文字列形式に変換する必要があることがよくあります。 Date オブジェクトは JavaScript で時刻と日付の情報を表しますが、文字列はテキスト表現です。この記事では、日付を文字列形式に変換する方法と、いくつかの一般的な書式設定方法について説明します。

  1. Date オブジェクト

まず、Date オブジェクトを理解する必要があります。 Date オブジェクトは、JavaScript で日付と時刻を操作するために使用されるオブジェクトです。 Date オブジェクトを使用すると、年、月、日、時、分、秒などのさまざまな時間単位を取得できます。 Date オブジェクトを作成するための構文は次のとおりです。

var date = new Date();
ログイン後にコピー

特定の日付の Date オブジェクトを作成する場合は、次の構文を使用できます。

var date = new Date(year, month, day, hours, minutes, seconds, milliseconds);
ログイン後にコピー

その中には、年、月と日は必須です。 は日付を表します。時、分、秒、ミリ秒はオプションで、時、分、秒、ミリ秒を表します。

  1. Date オブジェクトを文字列に変換する

Date オブジェクトを文字列に変換するには、Date object ()、toISOString によって提供される toDateString()、toLocaleDateString()、toGMTString を使用できます。 ()、toString() およびその他のメソッド。以下にこれらのメソッドをそれぞれ紹介します。

  • toDateString()

toDateString() メソッドは、Date オブジェクトの日付部分を文字列に変換します。例:

var date = new Date();
var str = date.toDateString();
console.log(str) // 输出: "Mon May 24 2021"
ログイン後にコピー
  • toLocaleDateString()

toLocaleDateString() メソッドは、Date オブジェクトの日付部分をローカライズされた日付文字列に変換します。例:

var date = new Date();
var str = date.toLocaleDateString();
console.log(str) // 输出: "2021/5/24"
ログイン後にコピー
  • toGMTString()

toGMTString() メソッドは、Date オブジェクトの日付部分とグリニッジ標準時を文字列に変換します。例:

var date = new Date();
var str = date.toGMTString();
console.log(str) // 输出: "Mon, 24 May 2021 08:13:20 GMT"
ログイン後にコピー
  • toISOString()

toISOString() メソッドは、Date オブジェクトを ISO 形式の文字列に変換します。例:

var date = new Date();
var str = date.toISOString();
console.log(str) // 输出: "2021-05-24T08:13:20.321Z"
ログイン後にコピー
  • toString()

toString() メソッドは、Date オブジェクトを文字列に変換します。例:

var date = new Date();
var str = date.toString();
console.log(str) // 输出: "Mon May 24 2021 16:13:20 GMT+0800 (中国标准时间)"
ログイン後にコピー
  1. 日付文字列の形式

上記のメソッドで返される文字列形式は、必ずしもニーズを満たしているわけではありません。これを行うには、さまざまな書式設定方法を使用して、日付を必要な文字列形式に書式設定します。一般的に使用される書式設定方法の一部を次に示します。

  • #年、月、日の取得
  • #
var date = new Date();
var year = date.getFullYear(); // 获取年份
var month = date.getMonth() + 1; // 获取月份
var day = date.getDate(); // 获取日期
var str = year + '-' + month + '-' + day;
console.log(str) // 输出: "2021-5-24"
ログイン後にコピー
    時、分、秒の取得
var date = new Date();
var hours = date.getHours(); // 获取小时
var minutes = date.getMinutes(); // 获取分钟
var seconds = date.getSeconds(); // 获取秒数
var str = hours + ':' + minutes + ':' + seconds;
console.log(str) // 输出: "16:36:3"
ログイン後にコピー
    今週を取得
var date = new Date();
var week = ['日', '一', '二', '三', '四', '五', '六'];
var str = '星期' + week[date.getDay()];
console.log(str) // 输出: "星期一"
ログイン後にコピー
    カスタム形式
var date = new Date();
var year = date.getFullYear(); // 获取年份
var month = date.getMonth() + 1; // 获取月份
var day = date.getDate(); // 获取日期
var hours = date.getHours(); // 获取小时
var minutes = date.getMinutes(); // 获取分钟
var seconds = date.getSeconds(); // 获取秒数
var str = year + '-' + formatNumber(month) + '-' + formatNumber(day) + ' ' + 
          formatNumber(hours) + ':' + formatNumber(minutes) + ':' + formatNumber(seconds);
console.log(str) // 输出: "2021-05-24 16:37:45"
function formatNumber(n) {
  n = n.toString();
  return n[1] ? n : '0' + n;
}
ログイン後にコピー
上記の方法は、より一般的に使用される書式設定方法の一部にすぎません。実際、さまざまな形式の日付文字列をカスタマイズすることもできます。

つまり、日付オブジェクトを文字列形式に変換することは、私たちがよく使用する操作です。 Date オブジェクトとさまざまな書式設定メソッドを理解することで、さまざまな日付文字列を簡単に書式設定できます。

以上がJavaScriptで日付を文字列に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート