[JavaScript] 날짜 형식에 하이픈(-)기호 자동 삽입[JavaScript] 날짜 형식에 하이픈(-)기호 자동 삽입
Posted at 2020. 9. 10. 18:20 | Posted in JavaScript & jQuery/JavaScript■ 날짜 입력 형식에 하이픈(-)기호 자동 삽입
# 소스코드
<html> <head> <title>:: JavaScript 날짜 하이픈(-) 삽입 ::</title> <script type="text/javascript"> function inputYMDNumber(obj) { // @see DELETE 키버튼이 눌리지 않은 경우에만 실행 if(event.keyCode != 8) { // @see 숫자와 하이픈(-)기호의 값만 존재하는 경우 실행 if(obj.value.replace(/[0-9 \-]/g, "").length == 0) { // @see 하이픈(-)기호를 제거한다. let number = obj.value.replace(/[^0-9]/g,""); let ymd = ""; // @see 문자열의 길이에 따라 Year, Month, Day 앞에 하이픈(-)기호를 삽입한다. if(number.length < 4) { return number; } else if(number.length < 6){ ymd += number.substr(0, 4); ymd += "-"; ymd += number.substr(4); } else { ymd += number.substr(0, 4); ymd += "-"; ymd += number.substr(4, 2); ymd += "-"; ymd += number.substr(6); } // @see 입력 가능 날짜 제한 기능 - 선택 // if(ymd.length == 10) { // // const birthDay = new Date(number.substr(0,4)+"/"+number.substr(4,2)+"/"+number.substr(6)+" 00:00:00"); // const limitDay = new Date("2000/10/04 23:59:59"); // // if(birthDay > limitDay) { // alert("2000년 10월 04일 이후의 날짜는\n선택할 수 없습니다."); // obj.value = ""; // obj.focus(); // return false; // } // } obj.value = ymd; } else { alert("숫자 이외의 값은 입력하실 수 없습니다."); //@see 숫자와 하이픈(-)기호 이외의 모든 값은 삭제한다. obj.value = obj.value.replace(/[^0-9 ^\-]/g,""); return false; } } else { return false; } } </script> </head> <body> <h1>■ 날짜 자동 하이픈(-)기호 삽입</h1> <input type="text" onKeyup="inputYMDNumber(this);" value="" placeholder="YYYY-MM-DD" style="text-align:center;"/> </body> </html> |
# 출력결과
'JavaScript & jQuery > JavaScript' 카테고리의 다른 글
| [JavaScript] 입력 텍스트값 Byte 체크 (0) | 2020.09.10 |
|---|---|
| [JavaScript] (0) | 2020.09.09 |
| [JavaScript] 자바스크립트로 HWP 파일 제어 (0) | 2020.09.07 |
| [JavaScript] 자바스크립트를 이용한 캘린더 제작 (13) | 2020.07.13 |
| [JavaScript] SelectBox를 사용하는 날짜 검색창 제작 (0) | 2020.07.12 |
