날짜 선택기를 숫자와 하이픈만 허용하도록 제한하고 Vue에서 다른 값을 제한하는 방법

Question

날짜를 처리하기 위해 vue2-datepicker npm 패키지를 사용하고 있습니다. 날짜 입력에는 모든 문자, 숫자, 특수 문자가 허용됩니다. 하지만 입력에 숫자, 하이픈, 슬래시만 허용하고 싶습니다. 일반 HTML 입력을 사용하면 쉽게 이를 달성할 수 있습니다. 하지만 날짜 선택기에서 이를 구현하는 방법은 무엇입니까? 어떤 도움이라도 대단히 감사하겠습니다. 미리 감사드립니다

제가 사용하고 있는 npm 링크입니다.

다양한 값을 허용하는 입력 필드의 이미지를 표시합니다.

제가 사용하고 있는 태그와 속성은 다음과 같습니다.

<날짜 선택기
          :placeholder="fieldItem.name"
          v-model="fieldItem.value"
          형식="MM-DD-YYYY"
          v-if="fieldItem.type == 'datePicker'"
          유형="숫자"
        ></date-picker>

Answer 1

스코프 슬롯을 사용하여 이를 달성할 수 있습니다:

으아악

이제 입력 이벤트를 가로채서 원하지 않는 문자를 제거할 수 있습니다.

으아악 으아악

예