要求Bootstrap日期选择器始终处于打开模式

时间:2015-02-20 05:59:41

标签: twitter-bootstrap bootstrap-datepicker

如何让Require Bootstrap日期选择器始终处于打开模式?

我在我的一个应用程序中使用了引导日期选择器。

要求就像日期选择器应该在页面加载时打开,它也应该在选择后始终处于打开模式。

我发现它可以通过autoclose:false属性进行管理,但是,如果我点击日期选择器的一侧,它就会越来越近。

应始终处于开放模式。

我希望有任何可以使它成为可能的属性,请找到我正在使用的以下功能。

HTML

 <input type="text" id="select_date" class="selecteShipDate" />

脚本

<script src="assets/js/bootstrap-datepicker.js"></script>                                                                                       
<script type="text/javascript">
    $(function () {
        $('#select_date').datepicker({
            format: 'dd MM yyyy',
            autoclose: false
        })
    });
</script>

2 个答案:

答案 0 :(得分:7)

看看Mark Amery的answer。这对你也有用。

$(document).ready(function () {
    $input = $("#select_date");
    $input.datepicker({
        format: 'dd MM yyyy'
    });
    $input.data('datepicker').hide = function () {};
    $input.datepicker('show');
});

我这是一个有效的demo

答案 1 :(得分:0)

    $('#datepicker').datepicker();
    $('#datepicker').on('changeDate', function() {
        $('#my_hidden_input').val(
            $('#datepicker').datepicker('getFormattedDate')
        );
    });

    <div id="datepicker" data-date="12/03/2012"></div>
    <input type="hidden" id="my_hidden_input">