如何重置 PrimeNG 日历的 inputFieldValue

Question

我正在使用 PrimeNG p-calendar 和 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; 设置为 PrimeNG p-inputtext 类：

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

见StackBlitz