Bootstrap Datepicker - 月份和年份没有间距

时间:2016-09-01 12:46:20

标签: javascript jquery css twitter-bootstrap datepicker

我正在使用来自http://eternicode.github.io/bootstrap-datepicker/的Bootstrap Date选择器,并在示例中显示它的格式,并以网格样式显示月份和年份之间的间距。

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

enter image description here

是否有任何我缺少的选项或事项才能正确显示。

感谢

西蒙

2 个答案:

答案 0 :(得分:2)

检查您的控制台中是否有javascript错误。也许你的脚本中有其他东西打破了datepicker。 如果您没有错误,请确保正确加载了boostrap的JS和CSS文件。 希望它有效!

  • Nic

答案 1 :(得分:0)

在页面上使用以下脚本,假设您的输入fild具有名称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,
    })
})