bootstrap-datetimepicker

其实这个插件的使用已经是上周的事情了。

今天刚好去别人博客闲逛,发现他也写了个使用教程,挺好。

于是觉得自己也写一写吧。但是我不写教程了就,因为自己写的话其实还是不如去它的官网去看,这样的话比较详细也比较有料。

附link:http://bootstrap-datepicker.readthedocs.io/en/latest/

中文:http://www.bootcss.com/p/bootstrap-datetimepicker/

datepicker和datetimepicker这两个其实没大区别,我还是推荐使用datetimepicker,这东西是基于jQuery和bootstrap的。我们现在响应式用的越来越多,相应的bootstrap的使用就越来越多。而这样一个同家族的东西将没有任何配合上的问题。

然后说下简单的用法,详细的自己去官网查api就好了。

使用的话引入jQuery和bootstrap的依赖是必然的。然后的话还需要datatables这个插件,这也是bootstrap家族下的东东。

附link: http://datatables.club/

文件引入之后就是方法的调用,这个都是插件的正常调用方法,不多说。

然后的话就是关于日历的中文显示的问题。

日历的初始是英文现实的,也就是language:“en”,想要改成中文的话需要引入中文插件,在同目录下,有很多语言插件,cn-zh插件放在下面引入然后修改language:“cn-ZH”就行了。

其实我更推荐去改源文件,多一个文件的引入毕竟不是什么好事。

更改的方法就是打开datetimepicker.min.js,我们不去改.js而去直接改min.js是因为这样可以省事,更改过程也不难。

打开之后我们ctrl+f搜索en,不管是哪个编译器,我想这个功能都是有的,而且快捷键大概也不会是别的。

然后我们打开中文语言插件,将源文件中的对应字符改成中文语言插件中的就行了。保存。我们还可以自定义显示字符,比如老一、老二、。。。

至于其他得什么只使用到天,什么显示方式,什么下拉什么的就不多说了,直接去官网看,有最新也是最详尽的使用方法。也有最新的文件可以下载。

就到这里。。

 

posted @ 2016-12-12 11:02  云遮夏靥  阅读(245)  评论(0编辑  收藏  举报