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