bootstrap datepicker选项似乎不起作用(由vitalets提供的datepicker)

时间:2013-10-14 15:10:51

标签: jquery twitter-bootstrap datepicker

我包含了所有内容,但它似乎不适用于这些选项,没有一个关于newbiew的例子很痛苦......帮助..

HTML

<input type="text" class="form-control  datepicker" id="datepicker" data-date-format="dd/mm/yyyy" />

JS

$('#datepicker').datepicker({
        autoclose: true,
        todayBtn: true,
        todayHighlight: true
});

github参考:https://github.com/vitalets/bootstrap-datepicker#autoclose

3 个答案:

答案 0 :(得分:4)

您的代码很好,

检查此JSFiddle,当我选择日期时,datepicker将关闭。

autoclose: true  //this will work with vitalets

我猜以下是可能的原因:

1)可能错误 bootstrap.datepicker.js

<script src="http://vitalets.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>

确保您的路径正确

答案 1 :(得分:2)

试试这个:

$('.datepicker').datepicker()
.on('changeDate', function(ev){                 
    $('.datepicker').datepicker('hide');
});

<强>更新

autoclose适用于以下repo中的datepicker:

https://github.com/eternicode/bootstrap-datepicker

答案 2 :(得分:2)

todayBtn:true 指示按钮仅将今天带入视图,而不是选择它。如果您希望按钮实际更改所选日期,请使用:

todayBtn: "linked"

请参阅:https://github.com/uxsolutions/bootstrap-datepicker/issues/314