如何重置PrimeNG日历的inputFieldValue

问题描述

我使用的是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 += "(+)";
}

有什么想法吗？

非常感谢！

解决方法

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

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

请参见StackBlitz