README.md

autoInputValue

input값에 대한 자동형변환 자동-입력 유틸 라이브러리입니다. Auto hypen and Auto conversion for input value

설치 installation

npm i -S auto-hyphen
or
yarn add auto-hyphen

사용방법 how to use

In Browser

현재 모던 브라우저에서는 CommonJS 스펙과 ES Module 스펙을 준수한 브라우저가 거의 없다.
따라서 브라우저에서 다이렉트로 쓰려면 아래와 같이 사용해야한다. (CDN은 지원 예정)

<script src="node_modules/auto-hyphen/dist/index.js"></script>
<script>
let input_value = '19880507';
console.log(autoHyphen.autoHyphenBirth(input_value)); // '1988-05-07'

input_value = '01033339999';
console.log(autoHyphen.autoHyphenPhone(input_value)); // '010-3333-9999';

input_value = '93-05-30';
console.log(autoHyphen.removedNotDigits(input_value)); // '930330';
</script>

In Node.js(CommonJS)

const autoHyphen = require('auto-hyphen');

let input_value = '19880507';
console.log(autoHyphen.autoHyphenBirth(input_value)); // '1988-05-07'

input_value = '01033339999';
console.log(autoHyphen.autoHyphenPhone(input_value)); // '010-3333-9999';

input_value = '93-05-30';
console.log(autoHyphen.removedNotDigits(input_value)); // '930330';

In ES Module

import * as autoHyphen from 'auto-hyphen';

let input_value = '19880507';
console.log(autoHyphen.autoHyphenBirth(input_value)); // '1988-05-07'

input_value = '01033339999';
console.log(autoHyphen.autoHyphenPhone(input_value)); // '010-3333-9999';

input_value = '93-05-30';
console.log(autoHyphen.removedNotDigits(input_value)); // '930330';

이벤트와 함께사용하기 event value applicate

// input => Pass event values

const transValue = autoHyphen.autoHyphenBirth(event.target.value);
// 1998 => 1998
// 19991 => 1999-1
// 19994 => 1999-04
// 199911 => 1999-11
// 199955 => 1999-05-05
// 1999125 => 1999-12-05
const transValue = autoHyphen.autoHyphenPhone(event.target.value);
// 010333 => 010-333
// 0103334 => 010-3334
// 0104447777 => 010-444-7777
// 01066660000 => 010-6666-0000

• 생일 입력시 12월을 넘어간 값은 12로 31일을 넘어간 값은 31로 변경됩니다.
• When the birthday is entered, insert event value exceeding December is 12, and the value exceeding 31 days is changed to 31.

nyc.js --reporter=lcovonly --extension=.ts --extension=.js --exclude=src/test/autoHyphenPhone.spec.ts --report-dir=/private/var/folders/_r/b_s4h7ps3k9bswkwjpv1km6c0000gn/T/mocha-intellij-coverage-2 /Users/yang-gwonseong/IdeaProjects/autoInputValue/node_modules/mocha/bin/_mocha --require ts-node/register --ui bdd --reporter "/Users/yang-gwonseong/Library/Application Support/IntelliJIdea2017.3/NodeJS/js/mocha-intellij/lib/mochaIntellijReporter.js" /Users/yang-gwonseong/IdeaProjects/autoInputValue/src/test/autoHyphenPhone.spec.ts --grep "autoHyphenPhone "