nhn / tui.date-picker

Component that selects specific date.
https://nhn.github.io/tui.date-picker/latest/
MIT License
94 stars 30 forks source link

일자선택 후 backspace key로 일자를 지워도 그대로 남아있는 현상 해결방법? #30

Open sohee-kang opened 5 years ago

sohee-kang commented 5 years ago
  1. input box가 빈칸인 상태의 date picker
  2. input box 선택 후 일자 선택 (2019-04-04)
  3. 일자가 표시된 상태에서 backspace key로 지워서 공백으로 만든 후
  4. 검색 버튼 등 다른 곳을 클릭하여도 2019-04-04로 남아있는 현상. 즉, 그대로 남아있습니다.

** 공백으로 만들 수 있는 방법을 알려주세요...

jung-han commented 5 years ago

@sohee-kang 안녕하세요. 달력이 닫힐 때 발생하는 이벤트를 이용해주면 공백으로 만들었을 때 빈칸으로 남겨진 상태로 남겨줄 수 있을 것 같습니다.

datepicker.on('close', function() {
    if (!document.getElementById('datepicker-input').value.length) {
        datepicker.setDate(null);
    }
});
eastargh commented 2 years ago

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();
    }
}