如何为角度流星添加日期选择器?

时间:2015-08-06 06:13:47

标签: javascript angularjs meteor datepicker angular-meteor

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

所以我一直按照教程直到step 9制作一个简单的派对策划网站。我现在想添加一个日期选择器,以便派对也有日期。为此我想使用Bootstrap Datepickerangular-datepickerthis Meteor Datepicker之类的内容,但我不确定选择哪一个以及如何执行此操作。

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

欢迎所有提示!

1 个答案:

答案 0 :(得分:2)

由于此功能的影响仅限于表示层,因此您选择安装/集成日期选择器的方式主要是品味。

  • 您可以使用meteor包,并获得更简单的集成(假设包与您的项目没有冲突的依赖关系,例如铁路由器与流路由器)和更新(假设包经过严格管理和维护)
  • 如果您选择使用bower或其他包管理器而不是meteor(或者没有,只需下载源代码),您需要自己集成库(通过自定义包或直接在{ {1}}文件夹)并手动更新。但是你会得到实际图书馆维护者的“官方”更新。

为了简单起见,我会亲自去rajit:bootstrap3-datepicker。它似乎得到了正确的维护(几个月前的最后一次提交),并且有足够的安装量来满足我的需求:

client/lib

然后在我的模板中:

$ meteor add rajit:bootstrap3-datepicker

<label>Date</label> <input type="text" class="form-control" id="my-datepicker" ng-model="newParty.date"> 中我会使用以下方式设置日期选择器:

PartiesListCtrl

如果你考虑自己进行整合,那么这里有几个有用的SO链接:herehere以及here