AngularJS/Bootstrap的推荐日期选择器是什么?

Deb*_*ahK 7 datepicker twitter-bootstrap angularjs

使用Angular/Bootstrap时,有几种选择可以添加日期选择器控件.有没有"更好"的?

这是我发现的:

  • HTML 5输入日期类型:不同浏览器中的不一致支持
  • angular-ui/ui-date:似乎是一个基于指令的简单解决方案,它包含在JQueryUI日期选择器中.
  • ui.bootstrap.datepicker:提供用户可能喜欢的弹出样式,并且不依赖于JQuery.

乍一看,似乎Bootstrap日期选择器可能更容易使用,因为它不需要包含JQuery.但我不确定我是否会失去任何功能.

The*_*One 3

如果您已经在 Angular 项目中包含 bootstrap,则Angular-ui 的 bootstrap datepicker是更好的选择。使用较新版本的 Angular,可以双向解析日期的输入类型,并且可以与 Angular-ui Bootstrap Datepicker 配合使用。(对于旧版本,您可以“修补”角度以处理日期输入类型)。当然,Angular-ui 日期选择器也可以在没有日期输入类型的情况下工作(这只是一个额外的好处)

在使用 angular-ui bootstrap datepicker 之前,我们使用了 jquery ui 的 datepicker,并且遇到了一些关于日期值不是 JavaScript 日期的问题。起初它很好,可以完成我们想要的一切,但是当尝试做更复杂的事情时,我们遇到了问题。

您可能可以通过制定自己的指令并深入了解本质来解决 jquery ui 问题,但 Angular-ui 的引导日期选择器只是开箱即用。