目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
日历在网页中的应用有很多,比如说后台的搜索功能,备忘录功能等等。要实现日历功能,有很多插件可以实现, 利用angular实现相关的日历功能的插件也就只有几个, 比如说ui-jquery,angular-datepicker,ui-bootstrap等等, 这些都可以实现部分功能的日历插件;因为做任务的时候用的是ui-bootstrap的日历插件,所以今天主要讲ui-bootstrap的日历插件
引入库:ui-bootstrap-tpls.js
在ui-bootstrap这个日历插件中,有以下相关属性。
uib-datepicker-popup :显示日期格式
ng-model:绑定当前时间
is-open:控制日历插件是否打开
close-text:关闭按钮的文本
clear-text: 清空按钮的文本
current-text:返回当前日期的文本
alt-input-formats:手动输入日期时可接受的格式
引用搭配的中文插件angular-locale_zh-cn.js
感谢大家观看
By 胡玉周
参考PPT:王峰|黄震