Skip to content

Yulingsong/angular-timepicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

angular-timepicker

    效果图如图: 时间选择器效果.gif

    点击上下小三角可以变换时间,点击获取时间的按钮可以弹出提示框显示选择的时间,并且在控制台中打印出来。难度算是简单的。

使用

第一步:引入样式

    把timepicker.css文件中的样式引入自己的工程。只需要复制粘贴。需要调整的自行调整样式即可。这边要注意一下,可能样式命名里的会跟你工程里面的部分样式冲突,需要看下,不过我的命名应该不会有冲突。

第二步:引入图片

    引入两张小三角的图片,这个就不用说了。不过需要注意的是,在引入图片之后,相应的图片路径可能发生变化,需要自行调整下。

第二步:引入指令

    如果你工程里面也有directive.js文件,那么复制粘贴进去就ok了。

    如果没有这个文件,可以创建一个单独的指令文件,然后也是复制粘贴就好了。

第三步:使用指令

    页面上直接可以使用

<co-timepicker hour="hour" minute="minute"></co-timepicker>

    在控制器中可以只用使用$scope.hour$scope.minute来获取小时和分钟。

    使用的过程主要就是四个字:复制粘贴,辛苦大家了,有啥错误希望大家指正。谢谢。

over

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published