Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery stackblitz示例未按预期工作_Jquery_Angular_Stackblitz - Fatal编程技术网

Jquery 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

为了将来的帖子,我需要使用下面的stackblitz示例。但是没有显示任何内容:

请查看。
只需使用:

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,尽管我将其添加为依赖项,第二,它仍然不起作用。你为什么不考虑我的问题?