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

7

在使用Angular/Bootstrap时,添加日期选择器控件有几种选择。是否有一种“更好”的选择?

以下是我发现的:

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

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


3
使用它,看看是否符合你的需求。就这么简单。通过添加指令可能会失去哪些功能? - JB Nizet
1个回答

3
Angular-ui的Bootstrap日期选择器是更好的选择,如果您的Angular项目中已经包括了Bootstrap。使用新版本的Angular,可以将日期输入类型解析为双向,并且可以与Angular-UI Bootstrap日期选择器很好地配合使用(对于旧版本,您可以“修补”Angular以使其与日期输入类型一起工作)。当然,Angular-UI日期选择器也可以在没有日期输入类型的情况下正常工作(这只是一个额外的奖励)。

在使用Angular-ui Bootstrap日期选择器之前,我们使用了JQuery UI的日期选择器,并且遇到了日期值不是JavaScript日期的一些问题。一开始它很好,而且做了我们想要的一切,但在尝试做更复杂的事情时,我们遇到了问题。

您可能可以通过自己制作指令并深入研究来解决JQuery UI的问题,但是Angular-ui的Bootstrap日期选择器可以直接开箱即用。


1
听起来我当时走在正确的方向上。谢谢! - DeborahK

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接