导航到另一个组件后，jQuery Datepicker无法正常工作

Question

我正在使用以下版本的jquery：^ 3.3.1 jquery-ui：1.12.1 angularjs 6这是我的代码，.html具有此定义

<input id="test" type="text" class="form-control"  value="">

并在我的组件中（component.ts文件）

ngOnInit() {
 $('#test').datepicker({
       changeMonth: true,
       changeYear: true,
       yearRange: "1930:2010"});

}

第一次加载页面时，会弹出日期选择器，但导航并返回此页面后，不会再次弹出。

在检查浏览器中的元素后，我发现此动态<div>未被创建。

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="position: absolute; top: 0px; left: 732.078px; z-index: 1; display: block;">

我在哪里错了，有人可以帮忙吗？

Answer 1

由于我无法写评论，因此我正在写此答案。 因此ngOnInit在应用初始化时仅运行一次，这就是为什么导航回视图时未显示日期选择器的原因。 根据角度官方文件

ngOnInit（）

在默认更改检测器首次检查指令的数据绑定属性之后，以及在检查任何视图或内容子级之前，立即调用的回调方法。 实例化指令后，仅调用一次。

可能是您可以使用ngAfterViewInit（）挂钩或生命周期中的任何适当的挂钩。 现在不要向我扔西红柿，因为我没有积极地使用angular，但是我认为我可以提供帮助。