關于日歷控件我真的就是一直就研究。我分享我自己遇到的幾個問題

1.點擊日歷 比如?這種情況 間距的高度小于日歷的高度，那我們應該讓日歷直接顯示在左上方

解決辦法:修改插件庫

var一個當前文本的一個高度再判斷如果頁面的高度減去當前頁面點擊的高度小于日歷的高度 就讓top值等于當前頁面點擊的高度減去日歷的高度

效果如下?

?

2.箭頭顯示

解決辦法:在配置里面加 bootcssVer: 3 值得一試~

3.出現1899這個問題

解決辦法:出現這個問題一般都是自己的配置沒有寫對

建議對比官網

4.可以選擇秒

我們需要修改源文件

1）、this.picker.find('.datetimepicker-minutes td').html(html.join('')); 把這句話改為

var addSec = /,s{1,2},/.test(',' + this.format.parts.join(',') + ','), sSec = addSec ? '<select style="width:100%">' : '';
this.addSec = addSec;
if (addSec) {
var orgSec = this.viewDate.getSeconds();
for (var _i = 0; _i < 60; _i++) sSec += '<option value="' + _i + '"' + (_i == orgSec ? ' selected' : '') + '>' + (_i < 10 ? '0' : '') + _i + '</option>';
sSec += '</select>';
}
this.picker.find('.datetimepicker-minutes td').html(html.join('') + sSec);

2）在點擊事件這里添加這句話

?if (e.target.tagName == 'SELECT' || e.target.tagName == 'OPTION') return;

3）找到case 'span' 修改秒針的獲取方式

改成?seconds =? this.addSec ? this.picker.find('select').val() : this.viewDate.getUTCSeconds();

?

轉載于:https://www.cnblogs.com/khun/p/8600882.html

總結

以上是生活随笔為你收集整理的bootstrap datetimepicker的一些小总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。