<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        bootstrap datetimepicker控件位置異常的解決方法

        來源:懂視網 責編:小采 時間:2020-11-27 22:24:55
        文檔

        bootstrap datetimepicker控件位置異常的解決方法

        bootstrap datetimepicker控件位置異常的解決方法:今天在寫畢設的時候,用到了bootstrap-datetimepicker作為日期控件。 在git上clone下最新的代碼,運行demo,發現控件區域整體下移1000px左右。 作為一個準備拿來就用的后臺程序猿,此刻我的內心是崩潰的… 百度了很久,沒有找到對應的解決方案,于是自己動手
        推薦度:
        導讀bootstrap datetimepicker控件位置異常的解決方法:今天在寫畢設的時候,用到了bootstrap-datetimepicker作為日期控件。 在git上clone下最新的代碼,運行demo,發現控件區域整體下移1000px左右。 作為一個準備拿來就用的后臺程序猿,此刻我的內心是崩潰的… 百度了很久,沒有找到對應的解決方案,于是自己動手

        今天在寫畢設的時候,用到了bootstrap-datetimepicker作為日期控件。

        在git上clone下最新的代碼,運行demo,發現控件區域整體下移1000px左右。

        作為一個準備拿來就用的后臺程序猿,此刻我的內心是崩潰的…

        百度了很久,沒有找到對應的解決方案,于是自己動手去源碼修改。

        最終解決方案:

        打開源碼,的bootstrap-datetimepicker.js文件

        line 527行,打開這一段注釋即可

         /*if (this.pickerPosition == 'top-left' || this.pickerPosition == 'top-right') {
         top = offset.top - this.picker.outerHeight();
         } else {
         top = offset.top + this.height;
         }*/
        

        如果看著還是不是很舒服的話,建議注釋掉line 533 - line 544

        top = top - containerOffset.top + 169;
        left = left - containerOffset.left + 210;

        為什么要這樣解決呢?

         place: function () {
         if (this.isInline) return;
        
         if (!this.zIndex) {
         var index_highest = 0;
         $('div').each(function () {
         var index_current = parseInt($(this).css('zIndex'), 10);
         if (index_current > index_highest) {
         index_highest = index_current;
         }
         });
         this.zIndex = index_highest + 10;
         }
        
         var offset, top, left, containerOffset;
         if (this.container instanceof $) {
         containerOffset = this.container.offset();
         } else {
         containerOffset = $(this.container).offset();
         }
        
         if (this.component) {
         offset = this.component.offset();
         left = offset.left;
         if (this.pickerPosition == 'bottom-left' || this.pickerPosition == 'top-left') {
         left += this.component.outerWidth() - this.picker.outerWidth();
         }
         } else {
         offset = this.element.offset();
         left = offset.left;
         }
        
         var bodyWidth = document.body.clientWidth || window.innerWidth;
         if (left + 220 > bodyWidth) {
         left = bodyWidth - 220;
         }
        
         /*if (this.pickerPosition == 'top-left' || this.pickerPosition == 'top-right') {
         top = offset.top - this.picker.outerHeight();
         } else {
         top = offset.top + this.height;
         }*/
        
         top = top - containerOffset.top + 169;
         left = left - containerOffset.left + 210;
        
         this.picker.css({
         top: top,
         left: left,
         zIndex: this.zIndex
         });
         },
        
        

        上面就是相關的源碼,可以看到,注釋了line 527行之后,在后面引用了一個未初始化過的top變量

        嗯… 這是一個沒經過測試就提交的小BUG…

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        bootstrap datetimepicker控件位置異常的解決方法

        bootstrap datetimepicker控件位置異常的解決方法:今天在寫畢設的時候,用到了bootstrap-datetimepicker作為日期控件。 在git上clone下最新的代碼,運行demo,發現控件區域整體下移1000px左右。 作為一個準備拿來就用的后臺程序猿,此刻我的內心是崩潰的… 百度了很久,沒有找到對應的解決方案,于是自己動手
        推薦度:
        標簽: 位置 解決 插件
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲精品偷拍视频免费观看 | 亚洲第一成年网站大全亚洲| 午夜在线免费视频 | 人人爽人人爽人人片av免费| 国内外成人免费视频| 亚洲色少妇熟女11p| 免费观看理论片毛片| 久久久久久亚洲av无码蜜芽| 国产精品亚洲产品一区二区三区| 亚洲AV无码一区二区三区久久精品 | 免费无码黄十八禁网站在线观看| 亚洲中文字幕久在线| 日本三级2019在线观看免费| 亚洲卡一卡二卡乱码新区| 日本人的色道www免费一区| 羞羞的视频在线免费观看| 中文字幕亚洲专区| 91精品免费不卡在线观看| 亚洲毛片无码专区亚洲乱| 免费精品一区二区三区在线观看| AV激情亚洲男人的天堂国语| 亚洲色偷拍区另类无码专区| 国产啪精品视频网站免费尤物| 亚洲视频在线视频| 亚洲成av人片天堂网无码】| 国产在线播放免费| 十八禁视频在线观看免费无码无遮挡骂过 | 亚洲AV无码成人精品区在线观看| 午夜无码A级毛片免费视频| 亚洲一级黄色大片| 免费久久精品国产片香蕉| 免费无码又爽又刺激网站| 亚洲国产精品人久久电影| 国产青草视频在线观看免费影院| 久久久受www免费人成| 亚洲国产美女福利直播秀一区二区| 成人永久免费高清| 国产午夜成人免费看片无遮挡| 亚洲精品福利你懂| 国产gv天堂亚洲国产gv刚刚碰| 五月婷婷在线免费观看|