Hur får man jQuery UI date picker att fungera med Angular2?

Jag använder Angular2 och TypeScript med HTML5.

Jag försöker lägga till jQuery UI datepicker.

Jag har alla bibliotek och CSS tillagda men datepicker jQuery-koden kopplas inte till HTML.

lib: https://jqueryui.com/datepicker/

Här är min kod:

  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>

  <p>Date: <input type="text" id="datepicker"></p>

Jag har försökt sätta detta i min komponent: $ ("#datepicker").datepicker(); Men jag får bara fel.

några idéer?

Jag får detta fel när jag lägger till projektet i mitt:

Svar #1

Tja, det finns redan många datumväljare-bibliotek tillgängliga för Angular2. Några av dem har jag listat nedan:

https://github.com/kekeh/mydatepicker
https://github.com/jkuri/ng2-datepicker
http://www.primefaces.org/primeng/#/calendar

men ja, uppenbarligen behöver alla en stilfull datumväljare för vårt projekt, jag vill också ha samma, så enligt behov har jag skapat en datumväljare med bootflat-ramverket för styling. du kan referera här..

https://github.com/MrPardeep/Angular2-DatePicker

hoppas detta kan hjälpa dig!

Svar #2

PrimeNG erbjuder också en komponent för DatePicker. Live-demonstration;

http://www.primefaces.org/primeng/#/calendar