引导日期时间选择器未选中今日按钮时的当前时间?

时间:2016-05-08 01:24:54

标签: javascript jquery twitter-bootstrap bootstrap-datetimepicker

Bootstrap Date Time Picker在今天按钮被点击时没有选择当前时间?

http://jsfiddle.net/9osk7w2j/

<div class="row">
    <div class="col-md-12">
        <div class="form-group">
            <div class="input-group date" id="datetimepicker1">
                <input type="text" placeholder="datetimepicker" class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon-calendar glyphicon"></span>
                </span>
            </div>
        </div>
    </div>
</div>

$('#datetimepicker1').datetimepicker({
    format: 'YYYY-MM-DD HH:mm',
    locale: 'en-au',
    showTodayButton: true,
});

2 个答案:

答案 0 :(得分:0)

什么&#34; Matthew Malone&#34;在他的回答中说得对。 DateTimepicker在bootstrap-datetimepicker v3中工作正常。但是在v4中无法正常工作。

所以你有两个选择。

1.使用bootstrap-datetimepicker v3 - 它可以立即使用。

2.使用代码中的小调整,您可以使用bootstrap-datetimepicker v4获取当前日期时间。

$('#datetimepicker1').datetimepicker({
   format: 'YYYY-MM-DD HH:mm:ss',
   useCurrent: false
   }).on('dp.show', function() {
   if($(this).data("DateTimePicker").date() === null)
     $(this).data("DateTimePicker").date(moment());
   });
});

您可以通过v4检查https://github.com/Eonasdan/bootstrap-datetimepicker/issues/1311

我测试了它的正常工作方式。

答案 1 :(得分:0)

发现以前的版本4.15.35有效,版本4.17.37没有!

http://jsfiddle.net/zf5h4mms/

!

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.15.35/js/bootstrap-datetimepicker.min.js"></script>