【问题标题】:Does anyone know how to get jQuery UI date picker working in an AngularJS 2 app?有谁知道如何让 jQuery UI 日期选择器在 AngularJS 2 应用程序中工作?
【发布时间】:2016-02-01 12:27:21
【问题描述】:

有谁知道如何让 jQuery UI 日期选择器在 AngularJS 2 应用程序中工作?

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

【问题讨论】:

标签: jquery jquery-ui jquery-ui-datepicker angular


【解决方案1】:

您可以执行以下操作。

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();
  }

}

这是一个 plnkr http://plnkr.co/edit/92E0Er6kUxIS4E8hRgwI?p=preview

【讨论】:

  • 如果您提供有效的 plnkr 或小提琴链接会更好!
  • PrimeNG 的日历基于 jQuery UI 日期选择器,代码是开源的。 primefaces.org/primeng/#/calendar
猜你喜欢
  • 2016-05-07
  • 1970-01-01
  • 1970-01-01
  • 2013-08-11
  • 2013-10-29
  • 1970-01-01
  • 2019-11-30
  • 2012-09-22
  • 1970-01-01
相关资源
最近更新 更多