1. 程式人生 > >解決datetimepicker火狐瀏覽器相容性問題

解決datetimepicker火狐瀏覽器相容性問題

bootstrap-datetimepicker是一款比較不錯的日期外掛了,在某個專案中用了這個外掛。習慣了在開發,除錯都用Chrome,一直都沒有發現有啥問題,直到有一天,測試人員跟我說,Firefox裡面那個時間選擇的點不開,然後發現有問題。
開啟Firefox的除錯工具,看一下控制檯的報錯資訊
datetimepicker Firefox報錯
看一下原始碼相對應的位置

// Add timezone abbreviation support for ie6+, Chrome, Firefox
  function timeZoneAbbreviation() {
    var abbreviation, date, formattedStr, i, len, matchedStrings, ref, str;
    date = (new
Date()).toString(); formattedStr = ((ref = date.split('(')[1]) !== null ? ref.slice(0, -1) : 0) || date.split(' '); if (formattedStr instanceof Array) { matchedStrings = []; for (var i = 0, len = formattedStr.length; i < len; i++) { str = formattedStr[i]; if ((abbreviation = (ref = str.match(/\b[A-Z]+\b/
)) !== null) ? ref[0] : 0) { matchedStrings.push(abbreviation); } } formattedStr = matchedStrings.pop(); } return formattedStr; }

我也是醉了,原始碼的註釋分明就寫了相容Firefox的!!!!這是一個坑……
斷點除錯:
這裡寫圖片描述
檢視date的值:
這裡寫圖片描述
去Chrome除錯:
這裡寫圖片描述
原來這兩個瀏覽器的時間顯示方式不一樣,因此,加個時間顯示方式的判斷就行了,具體如下:

formattedStr = ((ref = date
.split('(')[1]) !== null ? ref.slice(0, -1) : 0) || date.split(' ')

改為:

 ref = date.split('(')[1];
   if (!ref){
     formattedStr = date.split(' ');
   }
   else {
     formattedStr =  ref.slice(0, -1);
   }

至此,大功告成,留下點滴記錄,方便以後使用,希望幫助遇到同樣問題的你們。(不完善之處,敬請指出0.0~)

相關推薦

解決datetimepicker火狐瀏覽器相容性問題

bootstrap-datetimepicker是一款比較不錯的日期外掛了,在某個專案中用了這個外掛。習慣了在開發,除錯都用Chrome,一直都沒有發現有啥問題,直到有一天,測試人員跟我說,Firefox裡面那個時間選擇的點不開,然後發現有問題。 開啟Fire

[轉]bootstrap-datetimepicker 火狐瀏覽器報錯

com picker trap tar time 壓縮 .com get 打開 本文轉自:https://segmentfault.com/a/1190000008457568 使用bootstrap-datetimepicker日期選擇插件時發現在火狐瀏覽器下報錯:

瀏覽器相容性出現的問題以及解決方案 · 總結 瀏覽器相容性問題解決方案 · 總結

瀏覽器相容性問題解決方案 · 總結 普及:瀏覽器的相容性問題,往往是個別瀏覽器(沒錯,就是那個與眾不同的瀏覽器)對於一些標準的定義不一致導致的。俗話說:沒有IE就沒有傷害。

解決火狐瀏覽器多1px的問題

檢測瀏覽器 <script language="JavaScript"> function getOs() { var OsObject = ""; if(n

IE、谷歌、火狐瀏覽器相容性、預設屬性樣式總結

IE 1、去掉input框中自動新增的 X 和 眼睛圖示 情境:在 IE 瀏覽器下的 input 框中,輸入內容時:   1、 type = text 會自動生成一個 X。   2、 type = password 會自動生成一個眼睛的圖示。 解決:有

解決web頁面瀏覽器相容性問題

瀏覽器相容性問題是每個做web頁面常常遇到的問題,而且還不得不解決的問題。造成這種局面的主要原因就是各大公司都推出自己的瀏覽器,而他們在某些方面的規範還不一樣。         我們現在常用的瀏覽器核心有: Trident:這是微軟開發的一種排版引擎。該核心程式在1997

datetimepicker火狐瀏覽器下不相容問題的解決

今天用datetimepicker寫一個時間選擇器,在google瀏覽器中顯示的很好,結果到火狐瀏覽器中就選擇欄就跳不出來了,經過樓主探索發現解決問題方案如下: 第一種: 修改bootstrap-d

火狐瀏覽器如何js關閉窗口的幾種解決方法

div dom style itl 希望 mic rdquo nav 瀏覽器 今天在項目上有一個頁面要求在幾秒後自動關閉,想著還比較簡單,用window.close()就可以了,但是用IE/谷歌/火狐瀏覽器試了一下,發現IE可以,谷歌用網上的兼容方法也可以實現,但是火狐這裏

Firefox火狐瀏覽器顯示 您的鏈接不安全 的解決辦法

火狐瀏覽器修復大法Firefox瀏覽器,今天突然打開網頁的時候提醒,“您的鏈接不安全”,於是網頁怎麽刷新都打不開。後來幾經查詢終於解決,下面告訴大家該如何解決這種情況。1、本辦法主要針對以下這種狀況,“您的鏈接不安全”;2、在Firefox地址欄輸入“about:config”,然後打開;3、然後在此界面選擇

解決火狐瀏覽器提示Flash更新允許等

ble 瀏覽器 false list extension 地址 地址欄 ext 允許 1.在瀏覽器的地址欄中輸入about:config,回車 2.在搜索的空白欄中輸入extensions.blocklist.enabled,回車 3.右鍵切換為false即可解決火狐瀏覽器

火狐瀏覽器訪問網站出現 HTTP Error 400. The request is badly formed.錯誤,怎麽解決

def dbm cot row ufw glm rpi peb orb   今天在訪問某個網站時,出現一個“HTTP Error 400. The request is badly formed.”錯誤, 那麽應該如何解決呢? 1、問題描述:   用火狐瀏覽網站出現“”H

selenium3打不開火狐瀏覽器解決方法

sel我安裝的火狐版本為45.0.2檢查方法:查看C:\Python27\Lib\site-packages\selenium\webdriver\firefox中的webdriver.py,在def_init_函數中,executable_path="geckodriver",之前搭建的環境上是execut

火狐瀏覽器在ubuntu 16.04 中看不了視頻解決辦法

ppa 6.0 copyright ict 參考 firefox amp 瀏覽器 gin 由於adobe公司不再繼續更新flash11以後的版本,只負責維護之前發布的版本的安全維護,所以firefox想要完全沒問題的觀看視頻,需要執行兩步操作: 1.下載安裝高版本的Adob

AngularJS進階(三十五)瀏覽器相容性解決之道

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

瀏覽器相容性問題解決方案彙總

普及:瀏覽器的相容性問題,往往是個別瀏覽器(沒錯,就是那個與眾不同的瀏覽器)對於一些標準的定義不一致導致的。俗話說:沒有IE就沒有傷害。 貼士:內容都是自己總結的,不免會出現錯誤或者bug,歡迎更正和補充,本帖也會不斷更新。 Normalize.css 不同瀏覽器的預設樣式存在差異,可以

火狐瀏覽器書籤無法刪除解決方案

1、開啟書籤管理頁面 書籤管理頁面可在選單欄開啟,firefox預設關閉了選單欄,可在網址輸入框旁右擊滑鼠開啟選單: 開啟選單後點擊“書籤”---->“管理所有書籤” 然後備份當前書籤; 在位址列輸入about:support,開啟配置資料夾 關閉firefox,

meta 解決頁面瀏覽器相容性

使用最高階的ie核心,如果支援谷歌核心,使用谷歌核心 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />           

常見幾種瀏覽器相容性問題與解決方案

瀏覽器相容問題一:不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀:隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。 碰到頻率:100% 解決方案:CSS裡    *

瀏覽器相容性問題解決方案 · 總結

普及:瀏覽器的相容性問題,往往是個別瀏覽器(沒錯,就是那個與眾不同的瀏覽器)對於一些標準的定義不一致導致的。俗話說:沒有IE就沒有傷害。 貼士:內容都是自己總結的,不免會出現錯誤或者bug,歡迎更正和補充,本帖也會不斷更新。 Normalize.css 不同瀏覽器的預設

Ubuntu18.04不可以使用自帶的火狐瀏覽器解決辦法

當你開啟火狐搜素東西時候發現這樣的提示 顯示這樣:Secure Connection Failed The connection to www.google.com was interrupted while the page was loading. The