Resolution 1: Configure Package.json to add a new dependency, then update to download the new library "jquery": "*", "tether": "*", "bootstrap": "*", "moment": "*", " Eonasdan-bootstrap-datetimepicker ":" * "2: Configure Angular-cli.json" Styles ": ["]. /node_modules/bootstrap/dist/css/bootstrap.min.css ",". /node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css "," Styles.css "]," Scripts ": ["]. /node_modules/jquery/dist/jquery.min.js ",". /node_modules/tether/dist/js/tether.min.js ",". /node_modules/bootstrap/dist/js/bootstrap.min.js ",". /node_modules/moment/min/moment.min.js ",". /node_modules/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js "], 3: Using the Datatimepicker plugin in templates 4: Instantiate the component in the component declare var $:any; @Component ({selector: "App-root", Templateurl: "bootstrap.template.html"}) Export Class Bootstrapcomponent extends oninit{ngoninit (): void {$ (function () {$ (' #datetimepicker1 '). DateTimePicker ();});}}
Angular2 How to use third-party libraries (jquery, etc.)