如何在angular-meteor中添加datepicker？

Question

我刚刚开始尝试angular-meteor，它感觉很好，但同时也很奇怪。让我感到不舒服的是，所有的事情都是用包完成的，我不确定我能手动完成多少工作。

因此，我一直在学习这个教程，直到step 9制作了一个简单的派对计划网站。我现在想要添加一个日期选择器，以便各方也有日期。为此，我想使用诸如Bootstrap Datepicker、angular-datepicker或this Meteor Datepicker之类的东西，但我不确定应该选择哪一个以及如何执行此操作。

我是否需要使用meteor包安装meteor中的所有内容？我应该使用bower吗？我可以使用常规的<script src="">方式手动注入这些库吗？哪一个是最合适的呢？

欢迎所有提示！

Answer 1

由于此功能的影响仅限于表示层，因此如何选择安装/集成datepicker主要取决于您的喜好。

• 你可以选择meteor包，并获得更简单的集成(假设包与你的项目没有冲突的依赖关系，比如铁质路由器和流路由器)和更新(假设包是严格管理和维护的)
• 如果你选择使用bower或其他包管理器，而不是meteor的(或者不使用，只下载源代码，就这一点而言)，你需要自己集成库(通过自定义包或直接在client/lib文件夹中)并手动更新它。但是你会从实际的库维护者那里得到“官方”的更新。

为了简单起见，我会亲自使用rajit:bootstrap3-datepicker。它似乎得到了正确的维护(上一次提交是在几个月前)，并且有足够的安装符合我的口味：

$ meteor add rajit:bootstrap3-datepicker

然后在我的模板中：

<label>Date</label>
<input type="text" class="form-control" id="my-datepicker" ng-model="newParty.date">

在PartiesListCtrl中，我将使用以下命令设置datepicker：

$('#my-datepicker').datepicker();

如果您考虑自己进行集成，这里有几个对您有用的链接：here、here和here