Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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
有人知道如何让jQueryUI日期选择器在AngularJS2应用程序中工作吗?_Jquery_Jquery Ui_Jquery Ui Datepicker_Angular - Fatal编程技术网

有人知道如何让jQueryUI日期选择器在AngularJS2应用程序中工作吗?

有人知道如何让jQueryUI日期选择器在AngularJS2应用程序中工作吗?,jquery,jquery-ui,jquery-ui-datepicker,angular,Jquery,Jquery Ui,Jquery Ui Datepicker,Angular,有人知道如何让jQueryUI日期选择器在AngularJS2应用程序中工作吗 我以前在AngularJS 1中使用过jQuery UI日期选择器。您可以执行以下操作 import {Component, OnInit, View} from 'angular2/core'; import {FORM_DIRECTIVES, CORE_DIRECTIVES} from 'angular2/common'; @Component({ selector:'calendar', temp

有人知道如何让jQueryUI日期选择器在AngularJS2应用程序中工作吗


我以前在AngularJS 1中使用过jQuery UI日期选择器。

您可以执行以下操作

import {Component, OnInit, View} from 'angular2/core';
import {FORM_DIRECTIVES, CORE_DIRECTIVES} from 'angular2/common';

@Component({
   selector:'calendar',
   template:'<h3>calendar</h3><div id="calendar"></div>'
})
export class jQCalendar implements OnInit{

  constructor(){}
  ngOnInit(){
    var calendar =  (<HTMLSelectElement>document.getElementById('calendar'));
    $(calendar).datepicker();
  }

}
从'angular2/core'导入{Component,OnInit,View};
从'angular2/common'导入{FORM_指令,CORE_指令};
@组成部分({
选择器:'日历',
模板:'calendar'
})
导出类jQCalendar实现OnInit{
构造函数(){}
恩戈尼尼特(){
var calendar=(document.getElementById('calendar');
$(日历).datepicker();
}
}

这是一个plnkr

可能重复的问题,您可以编辑您的问题,而不是发布新问题!是的,但知道其中一个有帮助,你应该跟进并澄清答案是否有帮助。如果你提供工作plnkr或fiddle链接会更好!PrimeNG的日历基于jQueryUIDatePicker,代码是开源的。