AngularJS进阶(二十二)实现时间选择插件_angular typescript时间选择组件

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

在项目开发过程中，需要实现根据以日期为筛选条件之一，故需要实现时间选择插件。对于未接触的新事物，自己总是感觉不明觉厉。其实，有些实现可以使用很简单的方法即可。以此为例，偶然的一次翻看课本发现HTML5中已经设计到此种实现。其中，设置input元素的type属性为datetime-local即可实现。

问题

实际编码过程中，还是出现了问题。$scope.bill_dateBegin并不能获取到时间选择框中的设置值。

原因

AngularJS support the input type datetime-local since version 1.3.0-beta.1

原来AngularJS 1.3.0-beta.1 极其之上的版本才支持datetime-local的绑定，那就是自己的版本太低导致的了。经过查看版本，发现自己的版本为1.3.0.14，应该不低啊。但实验证明，还是自己的版本过低导致的。尝试使用高版本。

解决方法

尝试使用高版本。但使用1.5.0版本还是没效果！

经过一番询问，还是未能够解决问题。自己尝试着试试type的其它时间类型，当自己使用date类型，发现居然绑定上了，我就呵呵了…而其它的类型例如datetime、datetime-local却无法绑定，费解。我只能说angular还是不够强大！

不过问题还是来了。当自己使用如下语句时,确弹出了下图的信息，而我们则需要这样的格式：2015-12-24 12:00:00。明显日期格式需要进行转换。

bill_dateEnd = $scope.bill_dateEnd;

alert(bill_dateEnd);

最后

---

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。