>웹 프론트엔드 >프런트엔드 Q&A >JQuery를 사용하여 날짜를 날짜 형식으로 변환하는 방법

JQuery를 사용하여 날짜를 날짜 형식으로 변환하는 방법

PHPz
PHPz원래의
2023-04-17 15:01:323346검색

날짜 변환은 웹사이트 개발에서 매우 일반적인 요구 사항입니다. 대부분의 경우 날짜를 쉽게 비교, 계산 및 표시할 수 있도록 날짜 문자열을 표준 날짜 형식으로 변환해야 합니다. JQuery 프레임워크는 날짜 형식 변환을 처리하는 더 간단한 방법을 제공합니다.

이 기사에서는 JQuery를 사용하여 날짜 문자열을 표준 날짜 형식으로 변환하는 방법을 소개하고 특정 작업을 설명하는 몇 가지 예제 코드를 제공합니다.

1. JQuery 라이브러리 파일 가져오기

JQuery를 사용하여 날짜 형식을 처리하기 전에 먼저 JQuery 라이브러리 파일을 도입해야 합니다. 다음 코드를 통해 도입할 수 있습니다.

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

2. 날짜 문자열을 날짜 객체로 변환

JQuery 프레임워크에서는 Date() 함수를 사용하여 날짜 문자열을 날짜 객체로 변환할 수 있습니다. 구문은 다음과 같습니다. Date()函数来将日期字符串转换成日期对象。其语法如下:

new Date(dateString);

其中,dateString是表示日期的字符串,可以包含以下内容:

  • 包含日期和时间信息的字符串,如:"2021-06-29 10:30:00"
  • 只包含日期信息的字符串,如:"2021-06-29"
  • 只包含时间信息的字符串,如:"10:30:00"

下面是一个实例代码,将日期字符串"2021-06-29"转换成日期对象:

var dateObj = new Date("2021-06-29");

三、将日期对象转换成指定格式的字符串

在JQuery中,可以使用date.format()函数将日期对象格式化为指定格式的字符串。其语法如下:

dateObj.format(formatString);

其中,formatString是表示日期格式的字符串,可以包含以下占位符:

  • yyyy:四位数的年份,如:"2021"
  • yy:两位数的年份,如:"21"
  • MM:月份,如:"06"
  • M:不带前导零的月份,如:"6"
  • dd:带前导零的日期,如:"29"
  • d:不带前导零的日期,如:"29"
  • HH:带前导零的小时数,24小时制,如:"10"
  • H:不带前导零的小时数,24小时制,如:"10"
  • hh:带前导零的小时数,12小时制,如:"10"
  • h:不带前导零的小时数,12小时制,如:"10"
  • mm:带前导零的分钟数,如:"30"
  • m:不带前导零的分钟数,如:"30"
  • ss:带前导零的秒数,如:"00"
  • s:不带前导零的秒数,如:"0"
  • a:小写字母的上午或下午标志,如:"am"或"pm"

下面是一个实例代码,将日期对象dateObj

var dateString = $.format.date(dateObj, "yyyy-MM-dd");
그 중 dateString은 날짜를 나타내는 문자열로, 다음과 같은 내용을 포함할 수 있습니다.

  • 날짜 및 시간 정보를 포함하는 문자열 as: "2021-06-29 10:30:00"
  • 날짜 정보만 포함하는 문자열(예: "2021-06-29")
  • 시간만 포함하는 문자열 정보(예: "10:30:00")
다음은 날짜 문자열 "2021-06-29"를 날짜 객체로 변환하는 예제 코드입니다:

$(document).ready(function(){
  var nowDate = new Date(); //当前时间
  var nextMonth = new Date(nowDate.setMonth(nowDate.getMonth()+1)); //下一个月
  nextMonth.setDate(1); //设置为下一个月的第一天
  var firstDate = $.format.date(nextMonth, "yyyy-MM-dd"); //格式化日期为"yyyy-MM-dd"的字符串
  alert(firstDate); //弹出结果
});
3. 변환 날짜 개체를 지정된 형식의 문자열로 변환

JQuery에서는 date.format() 함수를 사용하여 날짜 개체를 지정된 형식의 문자열로 형식화할 수 있습니다. 구문은 다음과 같습니다. 🎜rrreee🎜 그 중 formatString은 날짜 형식을 나타내는 문자열로, 다음 자리 표시자를 포함할 수 있습니다: 🎜
  • yyyy : 4자리 숫자 연도(예: "2021")
  • yy: 2자리 연도(예: "21")
  • MM: 월(예: "06")
  • M: 앞에 0이 없는 월(예: "6")
  • dd
  • code>: 앞에 0이 있는 날짜(예: "29")
  • d: 앞에 0이 없는 날짜(예: "29" li>
  • HH: 앞에 0이 붙은 시간 수, 24시간 형식(예: "10")
  • H: 앞에 0이 없는 시간, 24시간 시스템(예: "10")
  • hh: 앞에 0이 있는 시간, 12시간 시스템(예: "10") /li>
  • h : 앞에 0이 없는 시간 수, 12시간 형식(예: "10")
  • mm: 숫자 앞에 0이 있는 분(예: "30")
  • m: 앞에 0이 없는 분(예: "30")
  • ss : 앞에 0이 있는 초 숫자(예: "00")
  • s: 앞에 0이 없는 초(예: "0")
  • a >: "am" 또는 "pm"과 같은 소문자로 된 오전 또는 오후 기호
🎜다음은 날짜 개체 dateObj as "2021" -06-29" string: 🎜rrreee🎜 4. 전체 예제 코드 🎜🎜다음은 현재 시간을 기준으로 다음 달 1일을 생성하는 전체 예제 코드입니다. 🎜rrreee🎜위는 JQuery를 사용하여 날짜 문자를 변환하는 방법입니다. 문자열을 날짜 형식으로 변환하는 방법이 도움이 되길 바랍니다. 🎜

위 내용은 JQuery를 사용하여 날짜를 날짜 형식으로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.