在jquery datepicker中删除24小时格式时间中的冒号

Removing the colon from 24 hrs format time in jquery datepicker

本文关键字：时间 格式 24小时 jquery datepicker 删除      更新时间：2023-09-26

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

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

我使用Jquery日期选择器从Jquery UI库和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

感谢你的帮助

在datetimepicker的timeFormat中去掉冒号

$(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>

相关文章：