日付ピッカーが数字とハイフンのみを受け入れるように制限し、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

スコープ スロットを使用してこれを実現できます:

リーリー

これで、入力イベントをインターセプトし、不要な文字を削除できるようになりました:

リーリー リーリー ＃＃＃＃＃＃例＃＃＃＃＃＃