angular - 如何重置 PrimeNG 日历的 inputFieldValue

Question

我正在使用p-calendar多个PrimeNG selectionMode。

当用户选择超过 4 个日期时，输入中的文本太长并被隐藏。

我想设置输入值，以便如果选择了超过 4 个日期，它将显示前 4 个日期和一个字符，如“(+)”或“...”等。

我试图在onselect事件中设置输入值，但它不起作用：

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

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

有任何想法吗？

多谢！

Answer 1

一种方法是设置text-overflow: ellipsis;为 PrimeNGp-inputtext类：

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

见StackBlitz