如何使用dp.change事件自動關閉Bootstrap的datetimepicker？

Question

如何在日期選擇自動關閉datetimepicker選擇。我正在使用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/

第二是這與自動關閉特性。

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>