[html] input type="date" value 오늘 날짜로 설정

help·2023년 8월 7일
0
<!-- html -->
<input type="date" id="currentDate">
// javascript
document.getElementById('currentDate').value = new Date().toISOString().substring(0, 10);

// jquery
$('#currentDate').val(new Date().toISOString().substring(0,10));

1. Date()

참고문서

시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIX 타임 스탬프를 담습니다.

새로운 Date 객체를 생성하는 방법은 new 연산자를 사용하는 것이 유일합니다. now = Date()<처럼 Date<를 직접 호출하면 새로운 Date< 객체가 아니라 문자열을 반환합니다.

let today  = new Date();  // Mon Aug 06 2023 11:03:22 GMT+0900 (한국 표준시)

2. toISOString()

참고문서

toISOString() 메서드는 단순화한 확장 ISO 형식(ISO 8601)의 문자열을 반환합니다. 반환값은 언제나 24글자 또는 27글자(각각 YYYY-MM-DDTHH:mm:ss.sssZ 또는 ±YYYYYY-MM-DDTHH:mm:ss.sssZ)입니다.시간대는 언제나 UTC이며 접미어 Z로 표현합니다.

let today = new Date();
// Mon Aug 06 2023 11:03:22 GMT+0900 (한국 표준시)

console.log(today.toISOString());
// 2023-08-07T02:08:44.315Z

3. substring(indexStart, indexEnd)

참고문서

기존 문자열의 부분 문자열을 반환합니다

  • indexStart : 반환 문자열의 시작 인덱스
  • indexEnd : 옵션. 반환문자열의 마지막 인덱스(포함하지 않음)
let today = new Date();
// Mon Aug 06 2023 11:03:22 GMT+0900 (한국 표준시)

console.log(today.toISOString());
// 2023-08-07T02:08:44.315Z

console.log(today.toISOString().substring(0,10));
// 2023-08-07
profile
프론트 개발자

1개의 댓글

comment-user-thumbnail
2023년 8월 7일

개발자로서 배울 점이 많은 글이었습니다. 감사합니다.

답글 달기