2

複数でPrimeNGp-calendarを使用してselectionModeいます。

ユーザーが 5 つ以上の日付を選択すると、入力のテキストが長すぎて非表示になります。

4つ以上の日付が選択された場合、最初の4つの日付と「(+)」や「...」などの文字が表示されるように入力値を設定したい.

イベントに入力値を設定しようとしましたonselectが、うまくいきません:

@ViewChild('multiDate', undefined) private multiDate:any;

public onDateSelect(selectedDate:any){
     this.multiDate.inputfieldViewChild.nativeElement.value += "(+)";
     this.multiDate.inputfieldValue += "(+)";
}

何か案は？

どうもありがとう！

4

1 に答える 1

1

text-overflow: ellipsis;これを行う 1 つの方法は、PrimeNGp-inputtextクラスに設定することです。

:host ::ng-deep {
  .p-inputtext {
    text-overflow: ellipsis;
  }
}

スタックブリッツを見る

于 2020-10-28T08:13:11.770 に答える