Jquey插件封装成指令

http://www.jq22.com

http://www.17sucai.com/preview/41162/2015-12-18/hplus1/hplus1/index.html#

找到想要使用的插件,下载下来,看其Index.html怎么用的。

以时间控件为例,其Index.html如下:

Jquey插件封装成指令



所以,把jquer_shiyan.js和shiyan.css分别引入到工程。关于css,把shiyan.css改名为shiyan.scss,放到styles下面,然后会自动编译成shiyan.css并生成到styles/css下面。

写好指令,假如命名为numCheck,在html中以属性形式引入这个指令,然后点击input输入框,就是jquery时间插件的功能了。


Jquey插件封装成指令


Jquey插件封装成指令


Jquey插件封装成指令