タイムスタンプを時刻JavaScriptに変換する

PHPz
リリース: 2023-05-16 10:00:38
オリジナル
1295 人が閲覧しました

インターネットの発展に伴い、JavaScript はますます広く使用されるようになりました。タイムスタンプは一般的な時刻形式であり、タイムスタンプの変換はフロントエンド開発の一般的な要件です。この記事では、JavaScript でタイムスタンプを読みやすい時刻形式に変換する方法を紹介します。

タイムスタンプとは何ですか?

タイムスタンプは、1970 年 1 月 1 日のグリニッジ標準時 00:00:00 から特定の時刻までの経過秒数を指します。タイムスタンプは時間をマークするために使用される数値であり、タイムゾーンに依存しない時間形式です。

JavaScript では、Date オブジェクトを使用して時間操作を実行できます。 Date オブジェクトでは、getTime() メソッドを通じてタイムスタンプを取得できます。例:

var timestamp = new Date().getTime(); // 获得当前时间戳
ログイン後にコピー

タイムスタンプを日付形式に変換するにはどうすればよいですか?

タイムスタンプを日付形式に変換する手順は、通常 2 つの手順に分かれます。

  1. タイムスタンプを Date オブジェクトに変換する
  2. Date オブジェクトのメソッドを使用して形式を設定する日付 文字列の場合

最初のステップでは、タイムスタンプをパラメータとして渡して Date オブジェクトを作成します。例:

var timestamp = 1583838452000; // 时间戳
var date = new Date(timestamp); // 将时间戳转换为Date对象
ログイン後にコピー

2 番目のステップでは、Date を使用します。日付をフォーマットするためのオブジェクト メソッド。文字列です。一般的に使用されるメソッドには、toDateString()、toLocaleDateString()、toISOString() などが含まれます。例:

var dateString = date.toDateString(); // 将Date对象转换为字符串(格式为'Mon Mar 09 YYYY')
ログイン後にコピー

上記のコードは、Date オブジェクトを「Mon Mar 09 2020」形式の文字列に変換します。

タイムスタンプを時、分、秒の日付形式に変換するにはどうすればよいですか?

タイムスタンプを時、分、秒の日付形式に変換する場合は、いくつかのライブラリ関数を使用してそれを完了する必要があります。たとえば、日付の書式設定は、moment.js ライブラリを使用すると非常に便利です。

moment.js ライブラリを使用するには、まずライブラリ ファイルをインポートする必要があります。ライブラリ ファイルを導入した後、moment() メソッドを使用して moment オブジェクトを作成できます。タイムスタンプ パラメータを渡すことにより、タイムスタンプをモーメント オブジェクトに変換できます。例:

var timestamp = 1583838452000; // 时间戳
var momentObj = moment(timestamp); // 将时间戳转换为moment对象
ログイン後にコピー

モーメント オブジェクトの format() メソッドを使用して、日付を任意の文字列形式にフォーマットします。例:

var dateString = momentObj.format('YYYY-MM-DD HH:mm:ss'); // 将moment对象格式化为'YYYY-MM-DD HH:mm:ss'格式的字符串
ログイン後にコピー

上記のコードは、moment オブジェクトを「2020-03-10 14:14:12」の形式の文字列に変換します。

概要:

この記事では、JavaScript でタイムスタンプを日付形式および時、分、秒を含む日付形式に変換する方法を紹介します。従来の日付書式設定では、シンプルで高速な Date オブジェクト メソッドを直接使用できます。さらにカスタマイズされた形式が必要な場合は、moment.js などのライブラリ関数を使用して実装を容易にすることができます。

以上がタイムスタンプを時刻JavaScriptに変換するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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