javascript - 引导时钟选择器问题在时间和上午之间需要一个空格
问题描述
选择引导时钟选择器后,它显示 02:52 AM,但我们需要 02:52 AM
请帮助任何人。谢谢,查看我的问题。
解决方案
您可以更改change
事件的值,查看我的代码示例。
注意:我建议您使用默认库行为,如果没有提供定制。
var input = $('.clockpicker');
var clockpicker = input.clockpicker({
twelvehour:true
});
clockpicker.on('change', function(){
var clockval = $(this).val();
if(clockval){
$(this).val(clockval.replace(/(?=.{2}$)/,' '));
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.css">
<div class="container">
<input class="clockpicker" value="" data-default="">
<input class="clockpicker" value="" data-default="">
</div>
推荐阅读
- python - 要求用户输入,然后根据输入的数量显示它。在 Python 中存储和返回 input.in
- javascript - 这段代码中的while循环有什么作用?
- python - 如何编写代码以根据修改的最新日期自动打开目录中的最新文件?
- json - 串行显示后 JSONCPP 写入文件
- uwp-xaml - 警告 NU1603 Microsoft.NETCore.UniversalWindowsPlatform 6.2.0-preview1-26926-04
- android - Android 上的 Admob:加载前未保留横幅空间
- .net - 读取父列表的子列表
- wpf - 随着窗口大小的增加,动画变慢
- gmail-api - DotNet GMail 快速入门应用程序名称
- amazon-web-services - AWS Athena 表创建失败,“在输入‘创建外部’时没有可行的替代方案”