hh:mm:ss格式的Bootstrap datetimepicker。

Question

我正在做一个应用程序，我在datetimepicker上有点卡住了。数据选择器应该能够显示yyyy-mm-dd hh:mm:ss的数据格式（年、月、日期和当前的时、分、秒...）。它工作得很好，但当我选择日期后，数据选择器必须自动关闭或隐藏。但它没有关闭。我尝试了很多不同的脚本，仍然无法工作。以下是HTML。

<span>Select time with Date</span>
    <div class='input-group date' id='datetimepicker2'>
      <input type='text' class="form-control" id='datetimepicker2' />
      <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
      </span>

以下是JS。

    <script type="text/javascript">
        $(function() {

  $('#datetimepicker2').datetimepicker({
       format: 'YYYY-MM-DD HH:mm:ss',
    autoclose: true 
  });
  });
    </script>

我猜这个脚本不支持自动关闭调用。有什么办法可以解决这个问题吗？

Answer 1

你可以听一下datetimepicker的声音。dp.change 事件，并在更改日期时强制关闭datetimepicker，如。

$(function() {
  $('#datetimepicker2').datetimepicker({
    format: 'YYYY-MM-DD HH:mm:ss'
  });

  // Hide datetimepicker on date change
  $("#datetimepicker2").on("dp.change", function() {
    $(this).data("DateTimePicker").hide();
  });

  // Show datetimepicker on input text click
  $('#datetimepicker2 > input').on('click', function() {
    $(this).closest('.date').data('DateTimePicker').show();
  });
});