如何在角度2中包含jquery和脚本

时间:2017-04-12 01:22:43

标签: javascript jquery angular typescript angular2-forms


我想把datepicker放在我的angular2.I我在这里引用其他问题,我的代码仍然无法正常工作。我想知道包含jquery(datepicker)的正确方法是什么。

HTML

<html>
<head>
    <link href="styles/glDatePicker.default.css" rel="stylesheet" type="text/css">
</head>

<body>

      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="glDatePicker.min.js"></script>

    <script type="text/javascript">
        $(window).load(function()
        {
            $('mydate').glDatePicker();
        });
    </script>


    <div class="form-group row">
      <label class="col-md-3 form-control-label" for="text"> Date </label>
       <div class="col-md-4">
            <input #date1 type="text" id="mydate" name="date1" class="form-control" formControlName="date1">

   </div>
</html>  

ts档

import { Component } from '@angular/core';
import { Form, FormControl, FormBuilder, FormGroup, FormsModule, Validators } from '@angular/forms';   



@Component({
    selector: 'add',
    templateUrl: 'app/add.html',


    //styleUrls:['app/styles/glDatePicker.default.css']

})

export class AddComponent {


    AddForm: FormGroup;   

    date1: FormControl;

}

所以它不起作用。甚至我的html页面都没有显示任何内容。我应该在组件文件中做什么?我需要安装什么吗? TQ

0 个答案:

没有答案