Question

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

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

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

    });
});

timePicker的className是什么？如果我得到类并告诉datetimepicker如果className等于timepicker的className，那该怎么办？

datetimepicker的最新版本是什么？

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

第二个是autoClose属性。

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

感谢。

Answer 1

使用eonasdan datetimepicker，您可以检查新选择的日期是否与上一个选定日期相同（使用时刻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的datetimepicker？

1 个答案: