[자바스크립트 js] 00시로 만들기 hh-mm, 월 혹은 일을 00으로 만들기, 월을 MM으로 만들기 (YYYY-MM-DD)

 

 

안녕하세요.

디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.

 

이번 포스팅에서는 자바스크립트

시간 단위를 00시로 만드는 방법과

월을 00월로 만드는 방법에 대해 공유하겠습니다.

 

이 방법은 newDate를 쓰지 않은 방법이며,

맨 상단 이미지처럼 selectbox로 시간이나 월을 선택하도록 할 때 사용할 수 있는 내용입니다.

 

 

  코드 따라하기

자바스크립트에서 for문을 돌려 하나씩 배열에 넣어주는 방법인데요.

월은 12월까지 있으니까 for문 돌릴 때 i < 13으로 하면 됩니다.

시는 12시가 최대라면 i < 13으로 하면 되고, 24시가 최대라면 i < 25로 돌리면 됩니다.

아래 내용으로 selectbox의 option을 만들어봤는데요.

이렇게 value와 label을 만들어 selectbox에 뿌려주는 것도 하나의 방법입니다.

// 일 option 만들기
let MakeDate = [];
for (let i = 1; i < 32; i++) {
  let op = {};
  op.value = i;
  op.label = i + '일';
  MakeDate.push(op);
}

 

이렇게 코드를 작성하고

MakeDate를 console.log로 직어보면 아래 이미지와 같은 결과를 확인할 수 있습니다.