jquery時間フォーマット変換関数

Web デザインと開発では、通常、時間は避けられない問題です。ただし、シナリオごとに異なる時間形式が必要になる場合があります。たとえば、データベースに時刻フィールドがあります。その保存形式は 2019-07-25 15:30:22 です。フロントエンド ページに表示される場合、「7 月 25 日 15:00」という形式になる可能性があります。 、2019。「30 分 22 秒」、またはカスタムの時間形式。現時点では、時刻形式の変換を完了するにはいくつかのツールを使用する必要があります。jquery は、時刻形式の変換関数を含む多くの便利なツール機能を備えた非常に強力な JavaScript ライブラリです。

以下では、時刻形式変換の問題を迅速に解決するために、jquery の時刻形式変換関数を使用する方法を紹介します。

1. jquery ライブラリの導入

まず、jquery ライブラリをページに導入する必要があります。次の 2 つの方法が使用できます。

(1) CDN リンクを使用する

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

(2) 直接ダウンロードして引用する

は [jquery 公式 Web サイト] ( https:// jquery.com/) から対応するバージョンの jquery ライブラリをダウンロードし、ページに導入します:

<script src="jquery-3.4.1.min.js"></script>

2. 時刻形式変換関数

jquery には、非常にシンプルで使いやすい時刻形式変換関数 - $.formatDate()。

この関数の定義は次のとおりです:

$.formatDate(date, format)

このうち、date は変換する必要がある時間を表し、タイムスタンプまたは日付形式の文字列を表します。ターゲット時間形式に変換する必要がある時間。

現在、$.formatDate() 関数は次の形式をサポートしています:

#yyyy-MM-dd HH:mm:ssyyyyYYM 月 d 日 時 m 分 s 秒 カスタマイズされた形式実際のニーズに応じて、対応する時刻形式を選択できます。一般的な使用例を次に示します。

Format	Description
yyyy-MM-dd	年月日
HH:mm:ss	時間、分と秒
#年、月、日、時、分、秒

(1) タイムスタンプ形式を年、月、日形式に変換します。

var timestamp = 1564096602000;
var date = new Date(timestamp);
var formatDate = $.formatDate(date, "yyyy-MM-dd");
console.log(formatDate); // 2019-07-26

(2) 日付形式文字列をカスタム形式に変換します

var dateString = "2019-07-26 18:50:22";
var date = new Date(dateString);
var formatDate = $.formatDate(date, "yyyy年M月d日 H点m分s秒");
console.log(formatDate); // 2019年7月26日 18点50分22秒

3. 概要

上記の紹介を通じて、jquery の時間形式変換関数は非常にシンプルで使いやすく、ほとんどの時間形式変換のニーズを満たすことができることがわかります。もちろん、より複雑な時間処理が必要な場合は、他の JavaScript ライブラリやカスタム関数を使用してそれを実現することもできます。ただし、ほとんどの場合、jquery に付属の $.formatDate() 関数で十分です。

最後に、実際の開発では、時刻形式の変換はタイムゾーンの影響を受ける可能性があるため、エラーを避けるために慎重に扱う必要があることを皆さんに思い出していただきたいと思います。

以上がjquery時間フォーマット変換関数の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。