点击上下小三角可以变换时间,点击获取时间的按钮可以弹出提示框显示选择的时间,并且在控制台中打印出来。难度算是简单的。
把timepicker.css文件中的样式引入自己的工程。只需要复制粘贴。需要调整的自行调整样式即可。这边要注意一下,可能样式命名里的会跟你工程里面的部分样式冲突,需要看下,不过我的命名应该不会有冲突。
引入两张小三角的图片,这个就不用说了。不过需要注意的是,在引入图片之后,相应的图片路径可能发生变化,需要自行调整下。
如果你工程里面也有directive.js文件,那么复制粘贴进去就ok了。
如果没有这个文件,可以创建一个单独的指令文件,然后也是复制粘贴就好了。
页面上直接可以使用
<co-timepicker hour="hour" minute="minute"></co-timepicker>
在控制器中可以只用使用$scope.hour
和$scope.minute
来获取小时和分钟。
使用的过程主要就是四个字:复制粘贴,辛苦大家了,有啥错误希望大家指正。谢谢。