So erhalten Sie eine Zeitformatierung mit JQuery

jQuery ist eine beliebte JavaScript-Bibliothek, die häufig zur Verbesserung der Interaktivität und dynamischen Leistung von Webanwendungen verwendet wird. Die Zeitformatierung ist eine der am häufigsten verwendeten Funktionen beim Erstellen von Webanwendungen. In diesem Artikel erfahren Sie, wie Sie die Uhrzeit mit jQuery formatieren.

1. Erhalten Sie die aktuelle Uhrzeit

Verwenden Sie in jQuery new Date(), um das aktuelle Datum und die aktuelle Uhrzeit abzurufen. Um beispielsweise das aktuelle Datum und die aktuelle Uhrzeit abzurufen, können Sie den folgenden Code verwenden: new Date()获取当前日期和时间。例如，要获取当前日期和时间，可以使用以下代码：

var now = new Date();

2. 格式化时间

要将时间格式化为特定的格式，可以使用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();

上述代码中，使用了getFullYear()、getMonth()和getDate()函数获取了年、月和日的值。由于在JavaScript中，月份从0开始，所以在获取月份时需要加1。使用getHours()、getMinutes()和getSeconds()函数获取了小时、分钟和秒的值。在代码中用三元运算符（？:）来确保时间值为两位数，如09而不是9。

3. 格式化时区

如果需要将时区也包含在时间格式中，则可以使用getTimezoneOffset()函数获取当前时间与UTC（协调世界时）之间的分钟差。要将分钟差转换为小时差，请使用以下公式：

var timezoneOffset = now.getTimezoneOffset() / 60;

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

上述代码中，首先使用getTimezoneOffset()函数获取时间和UTC之间的分钟差。然后，使用三元运算符（？:）来确保时间值为两位数。最后，使用字符串连接运算符（+）将时区偏移量添加到时间格式中。

4. 完整代码示例

以下是一个完整的代码示例，它将时间以“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()、getFullYear()、getHours()、getMinutes()和getSeconds()函数将时间格式化为所需的格式。如果需要添加时区信息，则需要使用getTimezoneOffset()rrreee

Zeit formatieren🎜🎜🎜Um die Uhrzeit in ein bestimmtes Format zu formatieren, können Sie getDate verwenden (), <code>getMonth(), getFullYear(), getHours(), getMinutes() und die Funktion getSeconds(). Diese Funktionen geben verschiedene Teile von Datums- und Zeitobjekten zurück. Um beispielsweise die Zeit in die Zeichenfolgenform „jjjj-MM-tt HH:mm:ss“ zu formatieren, können Sie den folgenden Code verwenden: 🎜rrreee🎜Im obigen Code getFullYear() , Die Funktionen getMonth() und getDate() ermitteln die Jahres-, Monats- und Tageswerte. Da in JavaScript der Monat bei 0 beginnt, müssen Sie beim Abrufen des Monats 1 hinzufügen. Die Stunden-, Minuten- und Sekundenwerte werden mit den Funktionen getHours(), getMinutes() und getSeconds() ermittelt. Verwenden Sie den ternären Operator (?:) im Code, um sicherzustellen, dass der Zeitwert ein zweistelliger Wert ist, z. B. 09 statt 9. 🎜
🎜Zeitzone formatieren🎜🎜🎜Wenn Sie die Zeitzone in das Zeitformat einbeziehen müssen, können Sie die Funktion getTimezoneOffset() verwenden, um die aktuelle Uhrzeit abzurufen UTC (Koordinierte Weltzeit) ). Um die Minutendifferenz in eine Stundendifferenz umzuwandeln, verwenden Sie die folgende Formel: 🎜rrreeerrreee🎜Im obigen Code verwenden Sie zunächst die Funktion getTimezoneOffset(), um die Minutendifferenz zwischen der Zeit und UTC zu ermitteln. Verwenden Sie dann den ternären Operator (?:), um sicherzustellen, dass der Zeitwert zweistellig ist. Verwenden Sie abschließend den String-Verkettungsoperator (+), um den Zeitzonenversatz zum Zeitformat hinzuzufügen. 🎜
🎜Vollständiges Codebeispiel🎜🎜🎜Das Folgende ist ein vollständiges Codebeispiel, das die Zeit in der Form „jjjj-MM-tt HH:mm:ss ±hh:mm“ ausgibt. Dabei stellt ± den Zeitzonenversatz dar. 🎜rrreee🎜In diesem Beispiel verwenden Sie die Funktion console.log(), um die formatierte Zeit auszugeben. 🎜🎜Zusammenfassung🎜🎜In diesem Artikel wird erläutert, wie Sie mit jQuery formatierte Uhrzeiten abrufen. Sie können die Funktion new Date() verwenden, um die aktuelle Uhrzeit abzurufen, und getDate(), getMonth(), getFullYear verwenden (), <code>getHours(), getMinutes() und getSeconds() formatieren die Zeit in das erforderliche Format. Wenn Sie Zeitzoneninformationen hinzufügen müssen, müssen Sie die Funktion getTimezoneOffset() verwenden. Wir hoffen, dass Ihnen dieser Artikel dabei hilft, Ihre Zeit beim Erstellen von Webanwendungen mit jQuery einfacher zu verwalten. 🎜

Das obige ist der detaillierte Inhalt vonSo erhalten Sie eine Zeitformatierung mit JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!