Bootstrap Datepicker - Months和Years没有空格

izj3ouym  于 5个月前  发布在  Bootstrap
关注(0)|答案(3)|浏览(66)

我正在使用来自http://eternicode.github.io/bootstrap-datepicker/的Bootstrap日期选择器,在示例中,他们显示了它的格式,并以网格样式很好地显示了月份和年份之间的间距。
然而,使用他们的js和css文件,月份和年份都显示在一起,请参阅下面的图片作为参考。


的数据
是否有任何选项或东西,我错过了,以便这一点,以显示正确。
谢谢
西蒙

wwtsj6pe

wwtsj6pe1#

检查你的控制台中是否没有JavaScript错误。也许你的脚本中有其他东西破坏了datepicker。如果你没有错误,请确保 Bootstrap 的JS和CSS文件都正确加载。希望它能工作!

  • Nic
2hh7jdfx

2hh7jdfx2#

我在2021年使用Bootstrap 5和Datapicker版本1.9时遇到了同样的问题
我在CSS或页面本身中添加了这个样式指令,因为年份和几十年都在一个跨度内,嵌入在一个本身位于div内的表行中(不是真正的“引导思想”,但日期选择器现在可能比核心的Bootstrap框架老得多...)。

<style>
    div.datepicker-years span{
         margin-left: 5px; 
         margin-right: 5px; 
    }
</style>

字符串
在您方便的时候调整指令(这个例子只是针对年份屏幕)。

e4yzc0pl

e4yzc0pl3#

在页面上使用以下脚本,假设您的输入文件名为dob并使用id="date" type="text"

$(document).ready(function(){
    var date_input=$('input[name="dob"]'); 
    var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
    date_input.datepicker({
        format: 'dd/mm/yyyy',
        container: container,
        todayHighlight: true,
        autoclose: true,
    })
})

字符串

相关问题