Bootstrap 格式为 hh:mm:ss 的日期时间选择器

Question

我正在处理一个应用程序，我有点卡在日期时间选择器上。日期选择器应该能够显示 yyyy-mm-dd hh:mm:ss 的数据格式（年、月和日期以及当前的小时、分钟和秒...）。它工作正常，但在我 select 日期选择器必须自动关闭或隐藏的日期之后。但它不会消失。我尝试了很多不同的脚本，仍然无法工作。以下是 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();
  });
});

Bootstrap 格式为 hh:mm:ss 的日期时间选择器

Bootstrap datetimepicker with hh:mm:ss format

javascript

jquery

datetimepicker

bootstrap-datetimepicker