Kendo 日期选择器控件未绑定到标签

Question

这是我的代码

正在为输入标签生成动态ID，但在标签标签的for属性中它显示[Object object]

如有任何帮助，我们将不胜感激，谢谢。

Answer 1

当我检查模板变量时，我发现

focusableId

属性包含输入 id。这可以在

for

属性中设置来解决您的问题。

当您单击标签时，日期选择器将获得焦点！

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
        <div class="example-config">
            Selected value is: {{value | kendoDate:'MM/dd/yyyy'}}
        </div>
        <div class="example-wrapper" style="min-height: 400px">
            <label [for]="rDatePicker.focusableId">Select a date:</label>
            <kendo-datepicker id="date" name="date" #rDatePicker
                [(value)]="value"
            ></kendo-datepicker>
        </div>
    `,
})
export class AppComponent {
  public value: Date = new Date(2000, 2, 10);
}

堆栈闪电战