如何重置 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 class:

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

见StackBlitz

如何重置 PrimeNG 日历的 inputFieldValue

How to reset inputFieldValue of PrimeNG calendar

primeng

angular

primeng-calendar