在Angular 7 CLI应用中使用jQuery日期选择器时,需要确保正确引入jQuery库和日期选择器插件,并正确初始化日期选择器。
以下是解决方法的代码示例:
angular.json
文件中的scripts
数组中添加以下代码:"scripts": [
"./node_modules/jquery/dist/jquery.min.js",
"./node_modules/jquery-ui-dist/jquery-ui.min.js"
]
import * as $ from 'jquery';
import 'jquery-ui-dist/jquery-ui';
@Component({
// ...
})
export class YourComponent implements OnInit {
ngOnInit() {
// 初始化日期选择器
$( "#datepicker" ).datepicker();
}
}
这样,当组件加载时,日期选择器将正确初始化并起作用。
请注意,使用jQuery和日期选择器可能不是最佳的做法,因为Angular推荐使用自己的日期选择器和表单控件。但如果你有特殊需求或必须使用jQuery日期选择器,上述方法可以解决在Angular 7 CLI应用中使用jQuery日期选择器不起作用的问题。