자바스크립트 input value 값 변경 질문
안녕하세요 날짜 입력 관련해서 지금 코딩중인데 예를 들어서 사용자가 input에서 20220101 이렇게 입력하면 2022-01-01 이런식으로 value 값이 자동으로 변경되게 할려면 어떤 식으로 해야 할까요? 읽어주셔서 감사합니다.
|
답변 2개 / 댓글 2개
2022-02-22 (화) 16:13:56
입력 후 키를 떼는 순간, 8자리의 숫자일 때 Y-m-d 형태로 치환합니다.
함수로 따로 빼지 않았습니다.
Copy
<input type="text" onkeyup="if(/^\d{8}$/.test(this.value))this.value=this.value.replace(/^(\d{4})(\d{2})(\d{2})$/, '$1-$2-$3');">답변에 대한 댓글 1개
2022-02-22 (화) 16:26:15
정말 감사합니다 ㅜㅜ.. 비록 구글링 열심히 해서 다른방법으로 어찌 되긴했지만 이게 더 좋아보이네요 ㅎㅎ.. 감사합니다!
eyekiss
2022-02-22 (화) 16:05:07
Copy
<script>
function date_number(vv){
str=vv.value;
var RegNotNum = /[^0-9]/g;
var RegPhonNum = "";
var DataForm = "";
if( str == "" || str == null ) return "";
str = str.replace(RegNotNum,'');
if( str.length < 5 ) return str;
if( str.length > 4 && str.length <= 6 ) {
DataForm = "$1-$2";
RegPhonNum = /([0-9]{4})([0-9]+)/;
} else if(str.length > 6){
DataForm = "$1-$2-$3";
RegPhonNum = /([0-9]{4})([0-9]{2})([0-9]+)/;
}
while( RegPhonNum.test(str) ) {
str = str.replace(RegPhonNum, DataForm);
}
vv.value=str;
}
</script>
<input type="text" name="date" value="" onkeyup="date_number(this);">답변에 대한 댓글 1개
2022-02-22 (화) 16:25:39
오... 이런 방법도 있었군요.. 저도 계속 찾아보다가 .slice() 로 3등분해서 잘라서 중간에 + "-" 이렇게 해서 넣었습니다 ㅜㅜ 다음에는 이런 방법으로 하면 더 좋겠네요!! 감사합니다
답변을 작성하려면 로그인이 필요합니다.