Bootstrap Datepicker-月和年没有间隔

Question

我正在与来自http://eternicode.github.io/bootstrap-datepicker/在这个例子中，他们展示了它的格式，很好地展示了网格样式中月份和年份之间的间隔。

然而，使用他们的js和css文件，月份和年份都显示在一起，请参见下面的图片作为参考。

是否有任何选项或东西，我错过了，以便正确地显示。

谢谢

西蒙

Answer 1

我在2021中遇到了同样的问题，Bootstrap 5和DATAPKER版本1.9。

我在CSS或页面本身中添加了这个样式指令，因为几年和几十年都在一个跨度内，嵌入在一个div中的一个表行中（不是真正的“boostrap-mind”，但datepicker现在可能比核心boostrap框架老得多…）。

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

在您方便的时候调整指令（此示例仅适用于年份屏幕）。

Answer 2

在页面上使用以下脚本，假设您的输入文件名为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,
    })
})

Answer 3

检查控制台中是否没有javascript错误。也许你的剧本中还有别的东西打破了日期选择器。如果没有错误，请确保boostrap的JS和CSS文件都已正确加载。希望能成功！

• 尼克