AngularJS进阶 二十二 实现时间选择插件

本文介绍了在AngularJS项目中实现时间选择插件的过程,通过HTML5的datetime-local属性,但在低版本AngularJS中遇到绑定问题。解决方法是升级到支持的版本,尽管date类型可以绑定,但datetime、datetime-local不行。文章还提到了日期格式转换的挑战,并建议阅读相关书籍以扩展知识面。
摘要由CSDN通过智能技术生成
               

JS实现时间选择插件

引导语

      在项目开发过程中,需要实现根据以日期为筛选条件之一,故需要实现时间选择插件。对于未接触的新事物,自己总是感觉不明觉厉。其实,有些实现可以使用很简单的方法即可。以此为例,偶然的一次翻看课本发现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还是不够强大!

       

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值