這篇文章主要介紹Bootstrap如何設(shè)置datetimepicker在屏幕上面彈出，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

10年積累的網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有淇濱免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

datetimepicker默認(rèn)是在輸入框下面彈出的，但是遇到輸入框在屏幕下面時(shí)，日期選擇框會(huì)有一部分在屏幕下面，顯示不了，因此需要能夠從上面彈出。設(shè)置很簡(jiǎn)單，在初始話(huà)中：

$('.form_date').datetimepicker({
       language: 'zh-CN',
      weekStart: 1,
      todayBtn: 1,
      autoclose: 1,
      todayHighlight: 1,
      startView: 2,
      minView: 2,
      forceParse: 0,
      pickerPosition:'top-right'
    });

添加pickerPosition:'top-right'即可。

效果圖：

以上是“Bootstrap如何設(shè)置datetimepicker在屏幕上面彈出”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！