javascript - jquery.datetimepicker 只设置时间

Question

我使用了 https://github.com/xdan/datetimepicker。我只想显示和输入时间。我的代码是：

$('#dttf').datetimepicker({
    datepicker:false,
    step:15,
    format: 'H:m'});

它只显示从 15 分钟开始的时间，从准确时间开始，例如 9:00,9:15,9:30 等。问题是当我选择时间时，例如 9:15，它显示我 9:17，当前时间。我想展示我选择的内容，9:15。我尝试了很多选择，但似乎没有一个有效。

Answer 1

您需要H:i用作格式字符串而不是H:m.

$("#date").datetimepicker({
  datepicker: false,
  step: 15,
  format: 'H:i'
});

@import 'https://unpkg.com/jquery-datetimepicker@2.5.20/build/jquery.datetimepicker.min.css';

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://unpkg.com/jquery-datetimepicker"></script>


<input type="text" id="date">

Answer 2

$(function(){
   $('#example').timepicker(); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.css" rel="stylesheet"/>
<input type="text" id="example" />

希望这可以帮助你