Does anyone know how to get jQuery UI date picker working in an AngularJS 2 app?

Question

I've used jQuery UI date picker before in AngularJS 1.

Possible duplicate of [How to get jquery ui date picker working with angular2?](http://stackoverflow.com/questions/35089638/how-to-get-jquery-ui-date-picker-working-with-angular2) — Pardeep Jain, Feb 01 '16 at 12:30
possible dupicate of http://stackoverflow.com/q/35089638/5043867 you can edit your question instead of posting new one ! — Pardeep Jain, Feb 01 '16 at 12:30
You should follow up and clarify if the answers have helped. — inoabrian, Feb 24 '16 at 15:25

inoabrian · Accepted Answer · 2016-02-24T15:54:36.653

1

You could do the following.

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

}

Here is a plnkr http://plnkr.co/edit/92E0Er6kUxIS4E8hRgwI?p=preview

edited Feb 24 '16 at 15:54

answered Feb 01 '16 at 14:06

inoabrian

3,762
1
19
27

it would be better if you provide working plnkr or fiddle link ! – Pardeep Jain Feb 01 '16 at 18:06
Calendar at PrimeNG is based on jQuery UI datepicker, code is open source. http://www.primefaces.org/primeng/#/calendar – Cagatay Civici Feb 15 '16 at 14:44

Does anyone know how to get jQuery UI date picker working in an AngularJS 2 app?

1 Answers1