堆栈闪电战示例未按预期工作

Question

为了将来的帖子，我需要使工作工作如下堆栈闪电战示例。但什么也没出现：https://stackblitz.com/edit/angular-ivy-nzt8oc?file=src%2Fapp%2Fapp.component.html

Answer 1

请参阅文档。
只需使用：

import { Component, VERSION, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import $ from 'jquery';
import datepickerFactory from 'jquery-datepicker';
datepickerFactory($);
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit {
name = 'Angular ' + VERSION.major;
public dialogFormGroup: FormGroup;
constructor(private formBuilder: FormBuilder){}
ngOnInit() {
this.dialogFormGroup = this.formBuilder.group({
creditTerminationDate: ['', Validators.required]
});
let that = this;
$( "#datepicker" ).datepicker({
dateFormat: "dd/mm/yy",
onSelect: function (dateText) {
that.dialogFormGroup.get('creditTerminationDate').setValue(dateText);
that.dialogFormGroup.get('creditTerminationDate').markAsTouched();
that.dialogFormGroup.get('creditTerminationDate').updateValueAndValidity();              
console.log('creditTerminationDate validity');
console.log(that.dialogFormGroup.get('creditTerminationDate').valid);
}
});
}  
}