Angular 7 CLI应用中的JQuery日期选择器不起作用
创始人
2024-10-16 18:00:29
0

在Angular 7 CLI应用中使用jQuery日期选择器时,需要确保正确引入jQuery库和日期选择器插件,并正确初始化日期选择器。

以下是解决方法的代码示例:

  1. 首先,确保正确引入jQuery库和日期选择器插件。在angular.json文件中的scripts数组中添加以下代码:
"scripts": [
  "./node_modules/jquery/dist/jquery.min.js",
  "./node_modules/jquery-ui-dist/jquery-ui.min.js"
]
  1. 在需要使用日期选择器的组件文件中,引入jQuery和日期选择器插件:
import * as $ from 'jquery';
import 'jquery-ui-dist/jquery-ui';

@Component({
  // ...
})
export class YourComponent implements OnInit {

  ngOnInit() {
    // 初始化日期选择器
    $( "#datepicker" ).datepicker();
  }

}
  1. 在组件的HTML模板中,添加一个带有id的input元素来显示日期选择器:

这样,当组件加载时,日期选择器将正确初始化并起作用。

请注意,使用jQuery和日期选择器可能不是最佳的做法,因为Angular推荐使用自己的日期选择器和表单控件。但如果你有特殊需求或必须使用jQuery日期选择器,上述方法可以解决在Angular 7 CLI应用中使用jQuery日期选择器不起作用的问题。

相关内容

热门资讯

记者揭秘!德普之星辅助工具如何... 记者揭秘!德普之星辅助工具如何设置,hhpoker德州真的假的,揭秘教程(有挂软件)1、很好的工具软...
盘点一款!pokemmo手机脚... 盘点一款!pokemmo手机脚本辅助器,wepoker有辅助功能吗,解密教程(有挂辅助);建议优先通...
解密关于!wepoker辅助是... 1、解密关于!wepoker辅助是真的吗,wpk辅助器,AI教程(有挂技巧)。2、wepoker辅助...
推荐攻略!we-poker辅助... 推荐攻略!we-poker辅助,hhpoker有后台操作吗,切实教程(有挂辅助)关于hhpoker有...
每日必备!pokemmo手机版... 每日必备!pokemmo手机版透视脚本,wpk辅助器,透明教程(有挂神器);建议优先通过pokemm...
一分钟揭秘!hhpoker是正... 《一分钟揭秘!hhpoker是正规的吗,wepoker怎么挂底牌,玩家教你(有挂透明)》 hhpok...
我来教教大家!wepoker看... 我来教教大家!wepoker看底牌,约局吧德州可以透视吗,揭秘攻略(有挂透视)1、不需要AI权限,帮...
记者揭秘!epoker透视底牌... 记者揭秘!epoker透视底牌,大菠萝辅助器,2025教程(有挂方法);玩家必备必赢加哟《13670...
教程攻略!pokemmo辅助器... 1、教程攻略!pokemmo辅助器手机版下载,智星德州插件2024最新版,玩家教程(有挂技巧)2、进...
玩家交流!hhpoker必备开... 玩家交流!hhpoker必备开挂,wepoker有没有辅助,微扑克教程(有挂攻略);1分钟了解详细教...