tui.date-picker
tui.date-picker copied to clipboard
일자선택 후 backspace key로 일자를 지워도 그대로 남아있는 현상 해결방법?
- input box가 빈칸인 상태의 date picker
- input box 선택 후 일자 선택 (2019-04-04)
- 일자가 표시된 상태에서 backspace key로 지워서 공백으로 만든 후
- 검색 버튼 등 다른 곳을 클릭하여도 2019-04-04로 남아있는 현상. 즉, 그대로 남아있습니다.
** 공백으로 만들 수 있는 방법을 알려주세요...
@sohee-kang 안녕하세요. 달력이 닫힐 때 발생하는 이벤트를 이용해주면 공백으로 만들었을 때 빈칸으로 남겨진 상태로 남겨줄 수 있을 것 같습니다.
datepicker.on('close', function() {
if (!document.getElementById('datepicker-input').value.length) {
datepicker.setDate(null);
}
});
close이벤트에서 처리하는 방법은, backspace 로 지울때는 해결이 안되네요.. 임시로 tui-date-picker.js 수정하는 방법으로 하면 될것 같습니다. (문제없으면 나중에 update될때 반영되면 좋겠네요)
if (isFailed) {
if (shouldRollback) {
+ //parsing 에러 났을때, 빈값이면 원래값으로 원복하지 않는다
+ if (this._datepickerInput._input.value) {
this._syncToInput();
+ } else {
+ this.setNull();
+ }
} else {
this.setNull();
}
}