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，不管是哪个编译器，我想这个功能都是有的，而且快捷键大概也不会是别的。

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

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

就到这里。。

 

转载于:https://www.cnblogs.com/yunzhexiaye/p/6163662.html