在 jquery 日期选择器中从 24 小时格式时间中删除冒号

Question

我需要解决一个问题，这个问题一直困扰着我的错误列表一段时间，但在 Google 中找不到任何可靠的东西。我只想从时间中删除冒号，这样我就可以在真正的军事时间中显示它。

所以，这是错误的 --> 13:25 hrs
这是对的 --> 1325 小时

我正在使用 Jquery 来自 Jquery UI 库的日期选择器和来自 here

的 datetimepicker-addon.js

HTML

<div class="container">
    <input type="text" name="my_date" id="my_date" value="" />
</div>

JS

$(function(){   
    $("#my_date").datetimepicker({
       timeFormat: "HH:mm 'hrs'",
       showButtonPanel: false
    });
});

这是一个方便的花花公子 CODEPEN

感谢您的帮助

Answer 1

在timeFormat的datetimepicker去掉冒号

$(function(){
 // when the document has loaded 
 // attach the datetimepicker
 $("#my_date").datetimepicker({
  timeFormat: "HHmm 'hrs'",
  showButtonPanel: false
 });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-sliderAccess.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.js'></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<div class="container">
 <input type="text" name="my_date" id="my_date" value="" />
</div>

在 jquery 日期选择器中从 24 小时格式时间中删除冒号

Removing the colon from 24 hrs format time in jquery datepicker

javascript

jquery

datetimepicker