JQuery 常用积累（五）Datetimepicker和Lodop

<b>阅读目录</b>

<a href="http://www.cnblogs.com/java-class/p/4885555.html#_label0">1.datetimepicker</a>

<a href="http://www.cnblogs.com/java-class/p/4885555.html#_label1">2.lodop</a>

web项目中日期选择器和打印这两个功能是非常常见，将项目中使用的日期选择器和打印控件，在这里总结归纳，为方便后面使用。

a.官方api：

<a href="http://www.bootcss.com/p/bootstrap-datetimepicker" target="_blank">http://www.bootcss.com/p/bootstrap-datetimepicker/</a>

里面有详细的datetimepicker介绍，包括支持的方法、设置的选项、事件.....

b.项目集成datetimepicker实例：

    这是一款依赖与bootsrap样式的控件，所以你项目中需要引入的js如下：

    前端需添加的html:

js初始化控件方法:

<a href="http://www.lodop.net/demo.html" target="_blank">http://www.lodop.net/demo.html</a>

里面有详细的odop介绍，包括支持的方法、设置的选项、事件、页面打印实例...

b.项目集成lodop实例：

    引入js:

    html给个点击事件，js 中调用的方法也比较简单：

总结：对于一个web项目中建议将上述两个控件的初始化函数，放入公共js中，随着项目前端页面增多，维护成本会小的很多，在需要用到的地方只需要调用公共方法就可以。

如果，您认为阅读这篇博客让您有些收获，不妨点击一下右下角的【推荐】 

如果，您希望更容易地发现我的新博客，不妨点击一下左下角的【关注我】 

如果，您对我的博客内容感兴趣，请继续关注我的后续博客，我是【orson】 

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段 声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 

转载：http://www.cnblogs.com/java-class/p/4885555.html