BootStrap datetimepicker使用
2016-11-18 16:05
183 查看
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
bootstrap datetimepicker 中文地址:http://www.bootcss.com/p/bootstrap-datetimepicker/
使用的时候 最好使用例子里的js和css文件
配置显示格式的时候 注意
现在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.htmlbootstrap datetimepicker 中文地址:http://www.bootcss.com/p/bootstrap-datetimepicker/
使用的时候 最好使用例子里的js和css文件
配置显示格式的时候 注意
format、format、format 没有字母e
相关文章推荐
- BootStrap DateTimePicker使用
- bootstrap-datetimepicker使用记录
- bootstrap datetimepicker日期插件使用方法
- bootstrap datetimepicker日期控件的使用
- bootstrap datetimepicker日期插件超详细使用方法
- bootstrap日期插件datetimepicker的简单使用
- bootstrap datetimepicker2.3.11时间插件使用
- bootstrap datetimepicker使用方法
- 使用bootstrap日历datetimepicker插件方法
- bootstrap datetimepicker日期时间插件的使用
- bootstrap-datetimepicker在经过GC(Google Closure Compiler)压缩后无法使用的解决方案
- Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
- Bootstrap3 datetimepicker在AngularJs中使用实例
- bootstrap datetimepicker日期插件超详细使用方法介绍
- bootstrap-datetimepicker 的使用
- bootstrap datetimepicker 时间控件的使用
- bootstrap之datetimepicker使用配置
- Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
- vue2.0 与 bootstrap datetimepicker的结合使用实例
- bootstrap-datetimepicker的使用