Angular中的JQuery日期选择器

时间:2017-05-03 12:31:44

标签: angular jquery-ui

我在Angular应用程序中使用了jqueryUI日期选择器。日期选择器分配了ng-change事件。当用户直接在文本框中输入键盘的日期但在使用日期的弹出对话框时无法执行时,会激活OK。有人知道为什么会这样吗?

2 个答案:

答案 0 :(得分:0)

而不是使用jquery datepicker。请尝试使用UIB-datepicker

UIB-DatePicker

使用角度很流畅,并提供许多其他选项,因此通过使用一个第三方库,您可以使用许多其他功能。

答案 1 :(得分:0)

不建议将jQuery与Angular一起使用(或者甚至现在都使用) - 您遇到奇怪行为的原因是因为jQuery在自定义jQuery对象中包装了NodeList等Native DOM对象。

  

因此,运行$(“div”)时返回的内容不是对a的引用   element或NodeList,它是一个jQuery对象。这意味着一个jQuery   对象具有完全不同的方法可用于它   引用DOM元素,包含元素或任何类型的数组   节点列表。然而,这些原生物体一直在真实地出现   代码 - 就像jQuery试图将它们抽象出来一样,你总是有   处理它们,即使它只是将它们包装在$()中。

正如您所料 - 像ngIf,ngModel和其他基本Angular指令这样的指令严重依赖本机DOM 对象。

那么这对jQuery + Angular意味着什么呢?

好吧,如果Angular正在寻找 HTMLInputElement ,但它会找到一个完全不同的对象 - $(“input”),其中包含许多奇怪的方法 Angular没有API - 你至少会说出错误的行为。

当涉及到预构建的组件时,有许多更好的替代品。

ngx-bootstrap

primeNG

material2

Check out this article on why jQuery is harmful