input type='date' 삭제 안될 때

moontag·2022년 10월 10일
0

에러

목록 보기
3/8

문제

  • input type='date'에서 삭제 누르면 리셋이 안되는 문제

해결

  • input 속성에서 required 삭제
  • 변경 전
<DateInput
	type="text"
	required
	placeholder="날짜 선택"
	aria-required="true"
	onBlur={(e) => (e.target.type = 'text')}
	onChange={(e) =>
		setParamsData({ ...paramsData, programDate: e.target.value })
	}
	onFocus={(e) => (e.target.type = 'date')}
	min={getToday()}
/>
  • 변경 후
<DateInput
	type="text"
	placeholder="날짜 선택"
	aria-required="true"
	onBlur={(e) => (e.target.type = 'text')}
	onChange={(e) =>
		setParamsData({ ...paramsData, programDate: e.target.value })
	}
	onFocus={(e) => (e.target.type = 'date')}
	min={getToday()}
/>
profile
터벅터벅 나의 개발 일상

0개의 댓글