来自 jquery 使用 datetimepicker 的时间选择器

Question

如何将timepicker的文本框设置为24小时时间为“00:00”->“23:59”？我如何使用在 jquery ui 网站上创建的 jquery 自定义（完整小部件和其他）？谢谢 M.W.

Answer 1

对于 jquery 中的时间选择器脚本，请检查以下链接：

https://github.com/jonthornton/jquery-timepicker

https://github.com/trentrichardson/jQuery-Timepicker-Addon

These plugins have settings to turn on the 24-hour mode.

作为 jquery-timepicker 的示例，请参见下文，它使用最少的 js 代码并提供 24 小时格式：

<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.timepicker.css" />

  <script type="text/javascript" src="lib/bootstrap-datepicker.js"></script>
  <link rel="stylesheet" type="text/css" href="lib/bootstrap-datepicker.css" />

  <script type="text/javascript" src="lib/site.js"></script>
  <link rel="stylesheet" type="text/css" href="lib/site.css" />
<script src="jquery.timepicker.min.js"></script>

</head>

<body>

<input type="text" class="timepicker1" />
<script>
$(document).ready(function() {
    $('.timepicker1').timepicker({
        'showDuration': true,
        'timeFormat': 'H:i:s'
    });
 });
</script>
</body>
</html>

来自 jquery 使用 datetimepicker 的时间选择器

Timepicker from jquery using datetimepicker

jquery

jquery-ui

timepicker