JQuery实用控件

1.WdatePicker

通过触发WdatePicker函数来调用弹出日期框

需要注意的是：时间控件必须要放到jQuery之后

2.highcharts

一款基于jQuery开发的图表插件。国外插件，在国内也有一款类似的echarts（百度开发的）。

官网：http://www.highcharts.com/

可用作统计等操作。

3.ueditor

Ueditor是一款在线编辑器插件，在线编辑器又称为“富文本编辑器”。作用是为了方便图文混排操作，国外也有一款类似的插件，叫做CKeditor。

 UE是百度公司开发的在线编辑器，官网：http://ueditor.baidu.com/website/

使用步骤：

第一步：引入外部的资源文件（javascript文件）。

Ueditor.config.js

Ueditor.all.min.js

Zh-cn.js

第二步：指定标签，设置容器的位置（编辑器显示的位置）。

指定id

第三步：实例化容器，生成编辑器效果。

在<script>中 var ue = UE.getEditor('editor');

1、ue编辑器默认的name值是editorVlue，默认值和数据表中的字段名是不一样的，在后期添加的时候会被过滤，这个问题如何解决？

解决办法：只需要给当前容器的标签指定一个name值就可以了。

2、在UE的源码中的一些样式会被转化成实体字符，是谁去转化的实体字符呢？

答：此处的转码，是由ThinkPHP的I方法进行转化的，使用的是htmlspecialchars。

在读取的时候需要将数据表中实体字符进行还原，可以使用函数htmlspecialchars_decode。

关于使用UE的几个说明：

1、防止sql注入和xss：光通过I方法解决不了，可以使用一个插件htmlpurifiy来对指定的标签进行过滤；

2、关于UE中的表情使用，这个功能需要联网；

3、关于图片上传，该功能需要配置，配置文件在ue/php/config.json，需要指定路径

4.layer

Layer是一款基于jQuery开发的插件，作用是用于美化弹窗的效果。

官网：http://layer.layui.com/

在线手册：http://www.layui.com/doc/modules/layer.html

使用步骤：

第一个：引入javascript文件（jQuery文件+layer.js，先引入jQuery文件）；

第二个：参考官网的demo来编写javascript代码就可以了。