Angular &引用；[（价值）]”；不为剑道日期选择器工作

我试图在一个角度反应式表单中添加剑道日期选择器。当我设置formControlName时，[（值）]中设置的日期不会出现在UI上

样本： 不起作用

工作

从'@angular/core'导入{Component}；
从“@angular/forms”导入{FormControl，FormGroup，FormGroupDirective}
@组成部分({
选择器：“我的应用程序”，
模板：`
所选值为：{value | kendoDate:'MM/dd/yyyy'}
选择一个日期：

（使用Alt+↓ 要打开日历，← 和→  要导航，↑ 增加和↓ 减小值）

`
})
导出类AppComponent{
公共值：日期=新日期（）；
submitForm:FormGroup=新FormGroup({
测试：新FormControl（）
})
}

---

如何设置默认值，如上所述似乎不起作用

您的问题是应该将value对象添加到FormControl construcor中，否则它会将其初始设置为。（我想）

更改此项：

test:newformcontrol（）

要测试：

newformcontrol（this.value）

@组件({
选择器：“我的应用程序”，
模板：`
所选值为：{value | kendoDate:'MM/dd/yyyy'}
选择一个日期：

Value={{Value}}

`
})
导出类AppComponent{
公共值：日期=新日期（）；
submitForm:FormGroup=新FormGroup({
测试：新表单控件（此.value）
})
}

您是否可以共享您的代码，并且检查值字段为日期类型。工作代码：“”。不工作：“。值设置如下：公共值：日期=新日期（）；道歉。应该配备一个弹夹。我已修改您的代码以添加formgroup。请在这里找到修改后的代码是的。代码的格式正确。控制台中没有错误。

import { Component } from '@angular/core';
import { FormControl, FormGroup, FormGroupDirective } from "@angular/forms"
@Component({
selector: 'my-app',
template: `
    <div class="example-config">
        Selected value is: {{value | kendoDate:'MM/dd/yyyy'}}
    </div>
    <div [formGroup]="submitForm" class="example-wrapper" style="min-height: 400px">
        <p>Select a date:</p>
        <kendo-datepicker
            [navigation]="false"
            [(value)]="value"
            formControlName="test"
        ></kendo-datepicker>
        <p>(use Alt+↓ to open the calendar, ← and →  to navigate, ↑ to increment and ↓ to decrement the value)</p>
    </div>
`
})

export class AppComponent {
public value: Date = new Date();
submitForm : FormGroup = new FormGroup ({
    test: new FormControl()
})
}

@Component({
    selector: 'my-app',
    template: `
        <div class="example-config">
            Selected value is: {{value | kendoDate:'MM/dd/yyyy'}}
        </div>
        <div [formGroup]="submitForm" class="example-wrapper" style="min-height: 400px">
            <p>Select a date:</p>
            <kendo-datepicker
                [navigation]="false"
                [(value)]="value"
                formControlName="test"
            ></kendo-datepicker>
            <p>Value= {{value}}</p>
        </div>
    `
})

export class AppComponent {
    public value: Date = new Date();
    submitForm : FormGroup = new FormGroup ({
        test: new FormControl(this.value)
    })
}