jQuery의 날짜 형식

JavaScript 날짜 개체는 플랫폼 중립 형식의 단일 시간 요소를 나타냅니다. 날짜 항목에는 1970년 1월 1일(UTC) 이후의 밀리초를 나타내는 숫자가 포함됩니다.

new Date()는 새 날짜 항목을 반환하는 것으로 알려져 있습니다. Date()는 현재 날짜 및 시간의 문자열 그림을 반환하므로 참조됩니다.

이 빠른 자습서에서는 jQuery에서 날짜 형식을 지정하는 방법에 대해 알아봅니다.

jQuery의 날짜 형식

jQuery는 날짜 형식을 지정하는 데 사용되는 다양한 플러그인을 제공합니다. 가장 인기 있는 것은 moment 및 dateFormat입니다. 이 자습서의 예에서 플러그인과 날짜 형식을 모두 사용합니다.

jQuery-dateFormat은 JavaScript를 사용하여 출력 형식을 지정하는 날짜용 jQuery 플러그인입니다. 라이브러리의 크기는 5kb 미만입니다. 따라서 jquery-dateFormat은 사용 가능한 가장 작은 날짜 형식 라이브러리입니다.

jQuery-moment는 날짜 구문 분석, 유효성 검사, 조작 및 서식 지정을 위한 경량 JavaScript 날짜 라이브러리입니다. Date 객체를 확장하는 대신 Moment.js는 이를 위한 래퍼를 빌드합니다.

moment() getter 함수를 호출하여 컨테이너 객체를 참조하십시오. Moment 프로토타입은 moment.fn 속성을 통해 노출되므로 기능을 추가할 수 있습니다.

예제 코드:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js" integrity="sha512-x/vqovXY/Q4b+rNjgiheBsA/vbWA3IVvsS8lkQSX1gQ4ggSJx38oI2vREZXpTzhAv6tNUaX81E7QBBzkpDQayA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-dateFormat/1.0/jquery.dateFormat.min.js"></script>
console.log("using dateFormat", $.format.date("2021-12-18 12:12:19.546", "dd/MM/yyyy"))
console.log("using moment", moment("2021-12-18 12:12:19.546").format("DD-MM-yyyy"))

위의 예에서 moment.js 및 dateFormat에 대한 min.js 파일을 가져왔습니다. 가져오기가 완료되면 라이브러리의 기능을 모두 사용하고 요청된 형식에 따라 날짜를 형식화할 수 있습니다.

jQuery를 지원하는 모든 브라우저에서 위의 코드 조각을 실행합니다.

출력:

"using dateFormat", "18/12/2021"
"using moment", "18-12-2021"

실행 코드