BootStrap datetimepicker使用

最新推荐文章于 2025-05-28 16:08:26 发布

hello-friend

最新推荐文章于 2025-05-28 16:08:26 发布

阅读量670

点赞数

分类专栏：前端

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了解决Bootstrap DateTimePicker在不同浏览器中遇到的兼容性问题，包括时区获取和字体错误，并提供了修改建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Bootstrap datetimepicker有多个版本，官方的链接中，只是datepicker，没有时间的选择，原版的datetimepicker也不再更新，不能用新版的jquery。

现在https://github.com/Eonasdan/bootstrap-datetimepicker这个版本最完善，但是一大堆依赖很头疼；
https://github.com/smalot/bootstrap-datetimepicker还不错，比较轻巧，但是用起来报错。

报错：

TypeError: (intermediate value).toString(...).split(...)[1] is undefined

...d"?false:k.title;this.defaultTimeZone=(new
 Date()).toString().split("(

原文：

this.defaultTimeZone=(new Date()).toString().split("(")[1].slice(0,-1);

意思为：先取得Date对象，然后再字符串化，再用(来分隔字符串，然后取其中的第二个，再从右向左取第一项，也就是取时区项。
但在Firefox中，字符串化的结果为：“Wed May 25 2016 16:07:14 GMT+0800”，没有括号，导致错误。

更为通用的，时区可以用getTimezoneOffset（）来获取，这个结果的单位是分钟，所以要除以60才可以：
修改为：

this.defaultTimeZone='GMT
 '+(new Date()).getTimezoneOffset()/60

修改后就可以正常使用了。

另外还有一个字体错误，如果使用了fa字体，则会报错，系统中会检测不到fontAwesome，所以可以直接赋这个变量为true：

this.fontAwesome=k.fontAwesome||this.element.data("font-awesome")||false;

改为：

this.fontAwesome=true

补充：

原文地址： http://blog.chinaunix.net/uid-20332519-id-5733546.html
bootstrap datetimepicker 中文地址:http://www.bootcss.com/p/bootstrap-datetimepicker/
使用的时候最好使用例子里的js和css文件
配置显示格式的时候注意
format、format、format 没有字母e