推荐几款JS日历控件

---

概述

主要有三种实现方式：AngularJS，JQuery，JS。

---

实现方式

AngularJS实现

• UI Bootstrap 中，提供日期选择的指令有ui.bootstrap.datepicker和ui.bootstrap.datepickerPopup。

• 在 AngularJS MODULES上搜索tag为”calendar”的module。搜索结果中排名最靠前的是AngularJS datepicker directives和ng-bs-daterangepicker。AngularJS datepicker directives提供了日历控件的AngularJS指令，ng-bs-daterangepicker是功能更为强大的日历控件，该控件也提供了JQuery实现，见官网。

• 参考博文1提供了几个关于日历（跟上面的“日期选择器”不同）的AngularJS实现。

• 也可以手动实现日历控件的开发，见参考博文2。

JQuery实现

参考博文3基本全是JQuery实现的例子。比如bootstrap-datepicker。

JS手动实现

• 简单日期控件的制作

---

参考

1. 5+ AngularJS Calendars Examples
2. angularjs日历控件开发
3. 12款优秀的JavaScript日历和时间选择插件 - 全栈开发者