jQuery文字列のタイムスタンプを次のように変換します

WBOY
リリース: 2023-05-18 21:00:36
オリジナル
787 人が閲覧しました

日付と時刻

jQuery は、Javascript 開発を容易にし、移植性を高めるために広く使用されている Javascript ライブラリです。 Web 開発では、文字列タイムスタンプの形式が人間が慣れ親しんでいる時刻と日付の表現方法に準拠していないため、文字列タイムスタンプを日付と時刻に変換することが必要になることがよくあります。

この記事では、jQuery を使用して文字列タイムスタンプを日付と時刻の形式に変換する方法を紹介します。

  1. タイムスタンプの定義

タイムスタンプは、コンピュータが時間を保存する方法であり、1970 年 1 月 1 日から経過した秒数です。したがって、タイムスタンプの値が大きいほど、表される時間が現在に近づくことになります。タイムスタンプは通常、整数または小数として表現されます。

  1. タイムスタンプを日付と時刻の形式に変換する

文字列のタイムスタンプ形式がニーズを満たさないため、日付と時刻の形式に変換する必要がある場合があります。時間。タイムスタンプを日付と時刻に変換する方法は次のとおりです。

2.1 JavaScript の Date オブジェクトの使用

JavaScript の Date オブジェクトは、タイムスタンプを日付と時刻の形式に変換することをサポートしています。タイムスタンプをパラメーターとして Date オブジェクトに渡すだけです。

var timestamp = 1609459200;
var date = new Date(timestamp * 1000);
console.log(date.toLocaleDateString()); // "1/1/2021"
console.log(date.toLocaleTimeString()); // "12:00:00 AM"
ログイン後にコピー

上記のコードは、タイムスタンプを現在のタイムゾーンの日付と時刻の形式に変換し、toLocaleDateString() メソッドと toLocaleTimeString() メソッドを通じて表示します。

JavaScript Date オブジェクトはタイムスタンプを 1970 年 1 月 1 日からのミリ秒数として扱い、タイムスタンプは秒単位で表現されるため、タイムスタンプを 1000 倍する必要があることに注意してください。

2.2 jQuery プラグインの使用 moment.js

moment.js は、一般的な操作の処理を簡素化する、人気のある JavaScript 日付と時刻処理ライブラリです。 moment.js を使用すると、タイムスタンプをより迅速かつ直接的に日付と時刻の形式に変換できます。以下は、タイムスタンプを日付と時刻の形式に変換する moment.js コードです。

var timestamp = 1609459200;
var date = moment.unix(timestamp);
console.log(date.format('MM/DD/YYYY')); // "01/01/2021"
console.log(date.format('HH:mm:ss A')); // "12:00:00 AM"
ログイン後にコピー

上記のコードは、moment.js の Unix() メソッドを使用してタイムスタンプを Unix タイムスタンプに変換し、 .format() メソッドは、日付と時刻を目的の文字列形式にフォーマットします。

  1. 概要

この記事では、文字列のタイムスタンプを日付と時刻の形式に変換する方法を紹介します。 JavaScript の Date オブジェクトまたは moment.js ライブラリを使用すると、日付と時刻の形式をより速く処理できます。これらのメソッドを使用すると、タイムスタンプをより人道的な日付と時刻の形式に簡単に変換でき、データを理解しやすく、使いやすくなります。

以上がjQuery文字列のタイムスタンプを次のように変換しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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