2021. 2. 16. 14:48ㆍJQuery
■ 날짜 입력 형식에 하이픈(-)기호 자동 삽입
<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> |
'JQuery' 카테고리의 다른 글
| php 배열 jquery에서 사용하기 (0) | 2020.09.23 |
|---|---|
| jQuery Enter Key(엔터키) 이벤트 (0) | 2020.09.17 |
| DataTables 사용법 및 예제 jQuery, JSON (1) | 2020.07.20 |
| [정규식] 자주 쓰이는 정규식 모음(+비밀번호 스크립트 추가) (0) | 2019.02.21 |
| jQuery 입문: form 데이터 유효성 검사. (0) | 2018.01.10 |