Jquery stackblitz示例未按预期工作
为了将来的帖子,我需要使用下面的stackblitz示例。但是没有显示任何内容:请查看。Jquery stackblitz示例未按预期工作,jquery,angular,stackblitz,Jquery,Angular,Stackblitz,为了将来的帖子,我需要使用下面的stackblitz示例。但是没有显示任何内容:请查看。 只需使用: import { Component, VERSION, OnInit } from '@angular/core'; import { FormGroup, FormBuilder, Validators } from '@angular/forms'; import $ from 'jquery'; import datepickerFactory from 'jquery-datepick
只需使用:
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);
}
});
}
}
简单地声明
$
是行不通的。您需要import*作为$from'jquery'
first stackblitz表明它无法找到模块jquery和jquery datepicker,尽管我将其添加为依赖项,第二,它仍然不起作用。你为什么不考虑我的问题?