Javascript jQuery UI Datepicker哈希href被AngularJs路由错误解释 这其实是我自己的错。我没有正确初始化日期选择器的模型。当datepicker正确初始化时，jQueryUI会阻止导航事件触发。如果你也遇到了这个问题，那么就像我一样，你也做错了别的事情。我将把这作为一个警示故事留在这里。 背景：

我试图在AngularJs应用程序中使用jQueryUIDatePicker插件

这是一个单页应用程序，使用Angular的客户端路由这是一个关键的细节

我正在使用jQueryUIV1.8.24和AngularJSV1.2.2

问题是： 要选择日期，必须单击日历中的某一天。日历中的每一天基本上都是一个带有href属性的样式化锚定标记，设置为哈希标记。例如，日历中第17天的HTML如下所示

<a class="ui-state-default" href="#">17</a>

当用户单击此日期时，Angular会认为他们正在尝试跟踪在route/上找到的页面的链接，并尽职尽责地尝试使用AJAX检索该页面。如果它存在，它将显示它。如果没有，用户会得到一个很好的空白页面。显然，这两者都不是我想要的。我只想在用户单击日期时更新模型

尝试的解决方案： 我尝试过使用HTML5路由，即不使用散列标签的路由，但没有帮助：Angular不尝试查找其他页面，只需重新加载您当前所在的视图，即可完成用户可能进行的任何更改

---

我还尝试过编辑jQuery UI日期选择器的源代码，这样它就不会在href中使用哈希标记。这从一个角度来看是可行的，但它打破了日期选择器。如果没有hashtag，datepicker的UI将无法正确更新。另外，如果可能的话，我想找到一个不涉及修改jQuery UI源代码的解决方案。

可能您已经想到了这一点。但理想情况下，您应该在中使用指令。存在的一个原因是为常用的jQuery插件提供角度指令（本质上是角度包装）

在Angular UI引导入门一节中，它提到引导使用标记会导致Angular出现问题，jQueryUI插件也存在同样的问题

原始引导的CSS依赖于样式的空href属性 多个组件的游标分页、选项卡等。。但是在 AngularJS向链接标记添加空href属性将导致 不需要的路线更改。这就是为什么我们需要删除空href 指令模板中的属性，因此不支持样式设置 应用正确

---

您是否尝试过使用非html5模式$locationProvider.html5Modefalse.hashPrefix'！'；这将设置/[route]路由。从datepicker捕获点击事件并停止传播/防止默认操作如何？jQuery UI的日期选择器也有一个角度的UI日期指令：实际上，这都是我自己的错。我没有正确初始化日期选择器的模型。它未定义，导致引发异常。显然，当一切都设置妥当时，这不是问题。我也有同样的问题。你能提供更多关于如何初始化模型的细节吗？是的，我实际上在我的应用程序中使用AngularUI引导。然而，我发现他们的约会挑选员对我来说并不满意。我构建了一个定制的angular指令，它包装了在这里找到的日期选择器：它是stock jQuery日期选择器的扩展。我在描述中没有提到这一点，因为我认为这是一个不必要的细节。有趣的是，构建Angular UI的人遇到了同样的问题。我有问题的原因是因为我给日期选择器传递了一个统一的日期。也许我使用的计时器扩展比我想象的要多？或者他们在使用比我使用的更旧版本的jQuery UI时遇到了这个问题？我必须仔细阅读jQueryUI的源代码才能确定这一点，目前我不想这么做。如果有人知道并想分享，我将不胜感激。