2017-01-11 8 views
0

Ich integrierte Bootstrap Datumsauswahl in meinem Angular2-Code. Aber es zeigt keine Datumsauswahl.Bootstrap datepicker funktioniert nicht in angular2

In HTML

<div class="input-box sandbox-container"> 
    <input type="text" id="date" required> 
</div> 

In Skript

$(function() { 
    $('#sandbox-container input').datepicker(); 
}); 

Antwort

0

Sandbox-Container ist eine Klasse, keine ID

versuchen

$(function() { 
    $('.sandbox-container input').datepicker(); 
}); 
+0

Nein, ich habe es geändert, es funktioniert nicht – ThulasinathanR

+0

Und Sie haben jQuery in Ihr Angular-Projekt importiert? – catu

+0

Ja, ich habe Jquery in meinem Projekt – ThulasinathanR

0

Wenn Ihr Skript aufgerufen ? Es muss aufgerufen werden, nachdem Ihr dom initialisiert wurde. Ich nehme an, dass Ihr HTML eine Komponentenvorlage ist. Sie müssen Ihren Datepicker in ngAfterViewInit() Ihrer Komponente aufrufen.

Hinweis: jquery und angular2 funktionieren nicht gut zusammen, ich werde Probleme mit der Bindung haben.

+0

Ich habe das Skript oben in der index.html Datei im Header hinzugefügt. Gibt es eine Option für die Integration? – ThulasinathanR

+0

Haben Sie eine Anguar2-Komponente mit einer Vorlage? Wo ist dein HTML-Code? –

Verwandte Themen