Maison  >  Article  >  interface Web  >  Comment obtenir le formatage de l'heure avec jquery

Comment obtenir le formatage de l'heure avec jquery

WBOY
WBOYoriginal
2023-05-08 19:27:071968parcourir

jQuery est une bibliothèque JavaScript populaire largement utilisée pour améliorer l'interactivité et les performances dynamiques des applications Web. Le formatage de l'heure est l'une des fonctionnalités fréquemment utilisées lors de la création d'applications Web. Cet article vous apprendra comment formater l'heure à l'aide de jQuery.

  1. Obtenir l'heure actuelle

Dans jQuery, utilisez new Date() pour obtenir la date et l'heure actuelles. Par exemple, pour obtenir la date et l'heure actuelles, vous pouvez utiliser le code suivant : new Date()获取当前日期和时间。例如,要获取当前日期和时间,可以使用以下代码:

var now = new Date();
  1. 格式化时间

要将时间格式化为特定的格式,可以使用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。

  1. 格式化时区

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

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

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

  1. 完整代码示例

以下是一个完整的代码示例,它将时间以“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

    Formater l'heure🎜🎜🎜Pour formater l'heure dans un format spécifique, vous pouvez utiliser getDate (), <code>getMonth(), getFullYear(), getHours(), getMinutes() et la fonction getSeconds(). Ces fonctions renverront diverses parties d’objets date et heure. Par exemple, pour formater l'heure sous la forme de chaîne "aaaa-MM-jj HH:mm:ss", vous pouvez utiliser le code suivant : 🎜rrreee🎜Dans le code ci-dessus, getFullYear() , Les fonctions getMonth() et getDate() obtiennent les valeurs de l'année, du mois et du jour. Puisqu'en JavaScript, le mois commence à 0, vous devez ajouter 1 lors de l'obtention du mois. Les valeurs des heures, des minutes et des secondes sont obtenues à l'aide des fonctions getHours(), getMinutes() et getSeconds(). Utilisez l'opérateur ternaire (?:) dans le code pour vous assurer que la valeur temporelle est une valeur à deux chiffres, telle que 09 au lieu de 9. 🎜
      🎜Formater le fuseau horaire🎜🎜🎜Si vous devez inclure le fuseau horaire dans le format de l'heure, vous pouvez utiliser la fonction getTimezoneOffset() pour obtenir l'heure actuelle et UTC (Temps universel coordonné) ). Pour convertir la différence de minutes en différence d'heure, utilisez la formule suivante : 🎜rrreeerrreee🎜Dans le code ci-dessus, utilisez d'abord la fonction getTimezoneOffset() pour obtenir la différence de minutes entre l'heure et UTC. Ensuite, utilisez l'opérateur ternaire (?:) pour vous assurer que la valeur temporelle est composée de deux chiffres. Enfin, utilisez l'opérateur de concaténation de chaîne (+) pour ajouter le décalage de fuseau horaire au format de l'heure. 🎜
        🎜Exemple de code complet🎜🎜🎜Ce qui suit est un exemple de code complet qui affiche l'heure sous la forme "aaaa-MM-jj HH:mm:ss ±hh:mm". Parmi eux, ± représente le décalage du fuseau horaire. 🎜rrreee🎜Dans cet exemple, utilisez la fonction console.log() pour afficher l'heure formatée. 🎜🎜Résumé🎜🎜Cet article explique comment utiliser jQuery pour obtenir l'heure formatée. Vous pouvez utiliser la fonction new Date() pour obtenir l'heure actuelle, et utiliser getDate(), getMonth(), getFullYear (), <code>getHours(), getMinutes() et getSeconds() formatent l'heure dans le format requis. Si vous devez ajouter des informations de fuseau horaire, vous devez utiliser la fonction getTimezoneOffset(). Espérons que cet article vous aidera à gérer votre temps plus facilement lors de la création d'applications Web avec jQuery. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn