> 웹 프론트엔드 > 프런트엔드 Q&A > jquery로 시간 형식을 지정하는 방법

jquery로 시간 형식을 지정하는 방법

WBOY
풀어 주다: 2023-05-08 19:27:07
원래의
2016명이 탐색했습니다.

jQuery는 웹 애플리케이션의 상호작용성과 동적 성능을 향상시키는 데 널리 사용되는 인기 있는 JavaScript 라이브러리입니다. 시간 형식은 웹 애플리케이션을 만들 때 자주 사용되는 기능 중 하나입니다. 이 기사에서는 jQuery를 사용하여 시간 형식을 얻는 방법을 설명합니다.

  1. 현재 시간 가져오기

jQuery에서 new Date()를 사용하여 현재 날짜와 시간을 가져옵니다. 예를 들어, 현재 날짜와 시간을 얻으려면 다음 코드를 사용할 수 있습니다: 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

    Format time🎜🎜🎜시간을 특정 형식으로 포맷하려면 getDate를 사용할 수 있습니다. (), <code>getMonth(), getFullYear(), getHours(), getMinutes()getSeconds() 함수. 이 함수는 날짜 및 시간 객체의 다양한 부분을 반환합니다. 예를 들어 시간을 "yyyy-MM-dd HH:mm:ss"라는 문자열 형식으로 형식화하려면 다음 코드를 사용하면 됩니다. 🎜rrreee🎜위 코드에서 getFullYear() , getMonth()getDate() 함수는 연도, 월, 일 값을 가져옵니다. JavaScript에서는 월이 0부터 시작하므로 월을 구할 때 1을 추가해야 합니다. 시, 분, 초 값은 getHours(), getMinutes()getSeconds() 함수를 사용하여 가져옵니다. 코드에서 삼항 연산자 (?:)를 사용하여 시간 값이 9 대신 09와 같은 두 자리 값인지 확인하세요. 🎜
      🎜시간대 형식🎜🎜🎜시간 형식에 시간대를 포함해야 하는 경우 getTimezoneOffset() 함수를 사용하여 현재 시간과 UTC(협정 세계시)). 분 차이를 시간 차이로 변환하려면 다음 수식을 사용하세요. 🎜rrreeerrreee🎜위 코드에서 먼저 getTimezoneOffset() 함수를 사용하여 시간과 UTC 간의 분 차이를 가져옵니다. 그런 다음 삼항 연산자 (?:)를 사용하여 시간 값이 두 자리인지 확인합니다. 마지막으로 문자열 연결 연산자(+)를 사용하여 시간 형식에 시간대 오프셋을 추가합니다. 🎜
        🎜전체 코드 예시🎜🎜🎜다음은 "yyyy-MM-dd HH:mm:ss ±hh:mm" 형식으로 시간을 출력하는 전체 코드 예시입니다. 그 중 ±는 시간대 오프셋을 나타낸다. 🎜rrreee🎜이 예에서는 console.log() 함수를 사용하여 형식화된 시간을 출력합니다. 🎜🎜요약🎜🎜이 글에서는 jQuery를 사용하여 형식화된 시간을 얻는 방법을 소개합니다. new Date() 함수를 사용하여 현재 시간을 가져오고 getDate(), getMonth(), getFullYear를 사용할 수 있습니다. (), <code>getHours(), getMinutes()getSeconds() 함수는 시간을 필요한 형식으로 지정합니다. 시간대 정보를 추가해야 하는 경우 getTimezoneOffset() 함수를 사용해야 합니다. 이 기사가 jQuery를 사용하여 웹 애플리케이션을 만들 때 시간을 더 쉽게 관리하는 데 도움이 되기를 바랍니다. 🎜

위 내용은 jquery로 시간 형식을 지정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿