BootStrap datetimepicker使用

来源:互联网 发布:机房网络拓扑图 编辑:程序博客网 时间:2024/06/07 05:56

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

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

报错:

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

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

原文:

  1. this.defaultTimeZone=(new Date()).toString().split("(")[1].slice(0,-1);
意思为:先取得Date对象,然后再字符串化,再用(来分隔字符串,然后取其中的第二个,再从右向左取第一项,也就是取时区项。
但在Firefox中,字符串化的结果为:“Wed May 25 2016 16:07:14 GMT+0800”,没有括号,导致错误。

更为通用的,时区可以用getTimezoneOffset()来获取,这个结果的单位是分钟,所以要除以60才可以:
修改为:
  1. this.defaultTimeZone='GMT '+(new Date()).getTimezoneOffset()/60

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



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

  1. this.fontAwesome=k.fontAwesome||this.element.data("font-awesome")||false;
改为:
  1. this.fontAwesome=true

补充:

  1. 原文地址: http://blog.chinaunix.net/uid-20332519-id-5733546.html
  2. bootstrap datetimepicker 中文地址:http://www.bootcss.com/p/bootstrap-datetimepicker/
  3. 使用的时候 最好使用例子里的js和css文件
  4. 配置显示格式的时候 注意

    formatformat、format  没有字母e


0 0
原创粉丝点击