tui.date-picker icon indicating copy to clipboard operation
tui.date-picker copied to clipboard

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

Open sohee-kang opened this issue 5 years ago • 2 comments

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

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

sohee-kang avatar Apr 04 '19 08:04 sohee-kang

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

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

jung-han avatar Apr 09 '19 08:04 jung-han

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

eastargh avatar Feb 17 '22 01:02 eastargh