[JS] 시, 분 두자릿수로 표현하기 (00:00)

Date 객체의 시, 분 값 가져오기

• getHours() : 시간의 숫자값 (0~23) 리턴
• getMinutes() : 시간의 숫자값 (0~59) 리턴

위 함수를 실행하면 숫자만 리턴하여 시간 표시할 때 자릿수가 안 맞는 불편함이 있다. 따라서 String 자료형 내에 존재하는 padStart 함수를 사용하여 자릿수를 맞춰줄 수 있다.

String.padStart()

문자열.padStart(목표문자열길이, 문자열에 채워넣을 다른 문자열);

위 함수는 String 내에 존재하는 메서드이므로 getHours() 함수를 String 자료형으로 바꿔준 뒤 사용해야 한다!
실제 사용한 코드 예시는 다음과 같다.

<TimeSpan>
        {String(item.sendTime.getHours()).padStart(2, "0") +
          ":" +
          String(item.sendTime.getMinutes()).padStart(2, "0")}
      </TimeSpan>

지금 시간이 둘다 두자릿수라서 따로 0이 추가되지는 않았지만 0~9 사이의 숫자가 들어오면 앞에 0이 추가된다!