如何使用 dp.change 事件自动关闭 Bootstrap 的日期时间选择器？

Question

如何仅在 select 日期自动关闭日期时间选择器。我正在使用 dp.change 事件，但即使在更改时间时它也会关闭日期时间选择器。

$('.datetimepicker').each(function () {
    $(this).on('dp.change', function (ev) {

       $(this).data('DateTimePicker').hide();

    });
});

timePicker 的class名称是什么？如果我得到 class 并在 className 等于 timepicker 的 className 时告诉 datetimepicker 不要关闭怎么办？

日期时间选择器的最新版本是什么？

1 是这样的： http://eonasdan.github.io/bootstrap-datetimepicker/

第二个是自动关闭属性.

http://www.malot.fr/bootstrap-datetimepicker/

谢谢。

Answer 1

使用 eonasdan datetimepicker you can check if the new selected date is the same of the previous selected date (using moment isSame).

注意 dp.change 接收 oldDate 和 date 作为参数。

这是一个工作示例：

$('.datetimepicker').datetimepicker().on('dp.change', function(e){
  if( !e.oldDate || !e.date.isSame(e.oldDate, 'day')){
    $(this).data('DateTimePicker').hide();
  }
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/locale/en-gb.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/js/bootstrap-datetimepicker.min.js"></script>

<div class="input-group date datetimepicker">
  <input type="text" class="form-control" />
  <span class="input-group-addon">
    <span class="glyphicon glyphicon-calendar"></span>
  </span>
</div>

如何使用 dp.change 事件自动关闭 Bootstrap 的日期时间选择器？

How to autoclose datetimepicker of Bootstrap using dp.change event?

twitter-bootstrap

bootstrap-datetimepicker

eonasdan-datetimepicker