Alnair's Blog

readonly와 disabled 차이

html에서 특정 요소를 비활성화 할 때 readonly와 disabled를 사용한다.
readonly는 input 에서 사용되고
disabled는 모든 요소에서 사용이 가능하다.

disabled 객체는 <form> 태그로 해당 값을 넘길 때 데이터가 넘어가지 않는다.
readonly 객체는 <form> 태그로 해당 값을 넘길 때 데이터가 넘어간다.

날짜, 시간 유효성 검사

Javascript에서 날짜와 시간이 형식이 맞는지 유효성 검사하는 방법

참고
https://dogfoot-note.tistory.com/14

Javascript에서 시간을 표시하는 방법 (직접 파싱)

• new Date() 현재 날짜와 시간을 표시해 주는 객체를 생성한다.
• getFullYear() 생성된 객체에서 현재 년도를 가져온다.
• getMonth() 생성된 객체에서 현재의 월을 '정수형'으로 가져온다. (0 ~ 11) ex 0 = 1월, 1 = 2월 ... 11 = 12월
• getDate() 생성된 객체에서 현재의 일을 가져온다.
• getDay() 생성된 객체에서 현재의 요일을 '정수형' 으로 가져온다. (0 ~ 6 ) ex) 0 = 일요일, 1 = 월요일 ... 6 = 토요일
• getHours() 생성된 객체에서 현재 시를 가져온다.
• getMinutes() 생성된 객체에서 현재 분을 가져온다.
• getSeconds() 생성된 객체에서 현재 초를 가져온다.

현재시간은 24시간 형식으로 생성되기 때문에 오전과 오후를 추가하려면 다음과 같이 추가했다.
현재 시간 두자리수를 맞추기 위해 checkTime()함수를 만들었고, i값이 10보다 작을경우 앞자리에 '0'을 추가하여 자리수를 맞춘다.

toLocale를 사용하는 방법

현재시간을 표시하려 여러가지 방법을 찾던 중 toLocales를 찾게 되었다.

• toLocaleString() 현재 지역의 날짜 표기방법과 시간을 가져온다.[yyyy. mm. dd. 오전/오후 hh:mi:ss]
• toLocaleDateString() 현재 지역의 날짜를 가져온다. [yyyy. mm. dd.]
• toLocaleTimeString() 현재 지역의 시간을 가져온다. [오전/오후 hh:mi:ss]

브라우저 별로 표시되는게 다를 수 있습니다.

Local Storage에 저장 및 불러오기