这里是修真院前端小课堂,本篇分析的主题是
【angular如何使用日历插件】
每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解析前端知识/技能,本篇分享的是:
【angular如何使用日历插件】
1.背景介绍
日历在网页中的应用有很多,比如说后台的搜索功能,备忘录功能等等。要实现日历功能,有很多插件可以实现, 利用angular实现相关的日历功能的插件也就只有几个,比如说ui-jquery,angular-datepicker,ui-bootstrap等等, 这些都可以实现部分功能的日历插件;但是说到好用的话,我个人觉得还是angular-datepicker要好用一些, 因为这个插件的demo简单易懂,很多种情况都考虑到了,比如说时区、设定日历的最大最小值,日期格式, 起始时间和终止时间,都有相对应的demo,这样就更加直观,清晰易懂。
2.知识剖析
在这个日历插件中,有以下相关属性。
1.时区:一般都是用date-picker timezone属性来表示;timezone有以下值'Europe/London','Asia/Hong_Kong','America/Vancouver'
2.日期格式date-time format属性,格式可以自行设定,插件属性值有 "MMMM YYYY", "DD MMM YYYY", "ddd MMM DD YY