要在Angular Material的mat-date-range-input中输入自定义位置的占位符,你可以使用ng-template来自定义输入框的内容,并在其中添加占位符。
下面是一个示例代码,演示如何实现这个功能:
HTML模板:
在上面的代码中,我们使用ng-template
来定义mat-date-range-input
中的输入框的内容。在ng-template
中,我们使用input
元素来创建输入框,并通过placeholder
属性来设置占位符。使用[ngTemplateOutlet]
指令将模板应用到对应的输入框中。
注意,我们需要将mat-date-range-picker
放在mat-date-range-input
之后,并使用[rangePicker]
属性将它们连接起来。
这样,你就可以根据自己的需要自定义输入框的占位符位置了。