feat: 자산 관리 가이드 추가 및 테이블 스타일 개선
This commit is contained in:
@@ -133,3 +133,34 @@ export function setEditLock(
|
||||
if (generateBtn) generateBtn.classList.add('hidden');
|
||||
}
|
||||
}
|
||||
|
||||
// 8. 날짜 자동 마스킹 및 포커스 제어 (Auto-jump)
|
||||
export function applyDateMask(el: HTMLInputElement) {
|
||||
if (!el) return;
|
||||
|
||||
el.placeholder = 'YYYY-MM-DD';
|
||||
el.maxLength = 10;
|
||||
|
||||
el.addEventListener('input', (e) => {
|
||||
let value = el.value.replace(/[^0-9]/g, ''); // 숫자만 남김
|
||||
let result = '';
|
||||
|
||||
if (value.length <= 4) {
|
||||
result = value;
|
||||
} else if (value.length <= 6) {
|
||||
result = value.substring(0, 4) + '-' + value.substring(4);
|
||||
} else {
|
||||
result = value.substring(0, 4) + '-' + value.substring(4, 6) + '-' + value.substring(6, 10);
|
||||
}
|
||||
|
||||
el.value = result;
|
||||
});
|
||||
|
||||
// 엔터 키나 입력 완료 시 유효성 검사 (선택 사항)
|
||||
el.addEventListener('blur', () => {
|
||||
const val = el.value;
|
||||
if (val && !/^\d{4}-\d{2}-\d{2}$/.test(val)) {
|
||||
// 형식이 맞지 않으면 경고 효과 등을 줄 수 있음
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user