jqueryで時刻の書式設定を取得する方法

jQuery は、Web アプリケーションの対話性と動的なパフォーマンスを強化するために広く使用されている人気のある JavaScript ライブラリです。時刻の書式設定は、Web アプリケーションを作成するときによく使用される機能の 1 つです。この記事では、jQuery を使用して時刻の形式を取得する方法を説明します。

1. 現在の時刻を取得する

jQuery で、new Date() を使用して現在の日付と時刻を取得します。たとえば、現在の日付と時刻を取得するには、次のコードを使用できます。

var now = new Date();

2. Format Time

時間を特定の形式にフォーマットするには、次のようにします。 getDate()、getMonth()、getFullyear()、getHours()、getMinutes() を使用します。および getSeconds()関数。これらの関数は、日付と時刻オブジェクトのさまざまな部分を返します。たとえば、時間を「yyyy-MM-dd HH:mm:ss」の文字列形式にフォーマットするには、次のコードを使用できます。

var now = new Date();
var formattedDate = now.getFullYear() + '-' + 
    (now.getMonth() < 9 ? '0' : '') + (now.getMonth() + 1) + '-' + 
    (now.getDate() < 10 ? '0' : '') + now.getDate() + ' ' + 
    (now.getHours() < 10 ? '0' : '') + now.getHours() + ':' + 
    (now.getMinutes() < 10 ? '0' : '') + now.getMinutes() + ':' + 
    (now.getSeconds() < 10 ? '0' : '') + now.getSeconds();

上記のコードでは、getFull Year() # が使用されます ##、getMonth()、および getDate() 関数は、年、月、および日の値を取得します。 JavaScriptでは月は0から始まるので、月を取得する際には1を足す必要があります。時、分、秒の値は、getHours()、getMinutes()、および getSeconds() 関数を使用して取得されました。コード内で三項演算子 (?:) を使用して、時刻値が 9 ではなく 09 などの 2 桁の数字になるようにします。

タイム ゾーンの形式

時間形式にタイム ゾーンを含める必要がある場合は、

getTimezoneOffset() 関数を使用して次の情報を取得できます。現在の時刻と UTC (協定世界時)。分の差を時間の差に変換するには、次の式を使用します。

var timezoneOffset = now.getTimezoneOffset() / 60;

var timezoneOffsetString = (timezoneOffset >= 0 ? "+" : "-") + 
    (Math.abs(timezoneOffset) < 10 ? '0' : '') + Math.abs(timezoneOffset) + ':00';

上記のコードでは、まず

getTimezoneOffset() 関数を使用して、時刻と UTC の間の分の差を取得します。 。次に、三項演算子 (?:) を使用して、時刻値が 2 桁になるようにします。最後に、文字列連結演算子 ( ) を使用して、タイム ゾーン オフセットを時刻形式に追加します。

完全なコード例

次は、時間を「yyyy-MM-dd HH:mm:ss ±hh:mm」に変換する完全なコード例です。フォーム出力。このうち±はタイムゾーンオフセットを表します。

var now = new Date();
var formattedDate = now.getFullYear() + '-' + 
    (now.getMonth() < 9 ? '0' : '') + (now.getMonth() + 1) + '-' + 
    (now.getDate() < 10 ? '0' : '') + now.getDate() + ' ' + 
    (now.getHours() < 10 ? '0' : '') + now.getHours() + ':' + 
    (now.getMinutes() < 10 ? '0' : '') + now.getMinutes() + ':' + 
    (now.getSeconds() < 10 ? '0' : '') + now.getSeconds() + ' ' + 
    ((now.getTimezoneOffset() / 60) >= 0 ? "+" : "-") +
    ((Math.abs(now.getTimezoneOffset() / 60)) < 10 ? '0' : '') +
    Math.abs(now.getTimezoneOffset() / 60) + ':00';
console.log(formattedDate);

この例では、

console.log() 関数を使用して、書式設定された時刻を出力します。

概要

この記事では、jQuery を使用して書式設定された時刻を取得する方法を紹介します。

new Date() 関数を使用して現在時刻を取得したり、getDate()、getMonth()、getFull Year()# を使用したりできます。 ##、getHours()、getMinutes()、および getSeconds() 関数は、時間を希望の形式にフォーマットします。タイムゾーン情報を追加する必要がある場合は、getTimezoneOffset() 関数を使用する必要があります。この記事が、jQuery を使用して Web アプリケーションを作成する際の時間管理をより簡単にするのに役立つことを願っています。

以上がjqueryで時刻の書式設定を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。