非引导日期选择器指令 angularjs答案

【问题标题】：non-bootstrap datepicker directive angularjs非引导日期选择器指令 angularjs
【发布时间】：2016-03-02 09:38:02
【问题描述】：

我正在使用“角度材料”http://material.angularjs.org，其中包括引导程序不是一个选项（至少对于我正在进行的项目）。

当有人点击文本时，我需要实现 datepicker。 Angular 材料提供了日期选择器，但它仅带有作为必填字段的输入。有没有办法在页面上的任何元素上实现内联日期选择器？理想情况下，指令会很棒，但也许还有一个独立的（独立于框架的）日期选择器？

【问题讨论】：

【解决方案1】：

这是图书馆

https://github.com/720kb/angular-datepicker


and working pen
here:

http://codepen.io/Nataraj32/pen/ONVMQm

【讨论】：

这仅适用于输入字段。我的问题是问是否有一个日期选择器，您可以将其附加到页面上的任何元素
你没看到我用 div 附加了我的代码笔...我正在点击一个 div 来打开它，请检查
我无法让它与 ng-model 一起使用，一旦我添加了 ng-model，我就无法重用它。您能否修改您的代码以使其与 ng-model 一起使用（但没有输入字段）。干杯

【解决方案2】：

我找到了名为“pikaday-angular”的库https://github.com/nverba/pikaday-angular

轻量级，独立的大量配置（javascript date，momentjs）。如果有需要也可以是jQuery非依赖的。

似乎对我有用。只需要玩一些样式（css）就可以了。

【讨论】：