首页 > 解决方案 > 引导时钟选择器问题在时间和上午之间需要一个空格

问题描述

选择引导时钟选择器后,它显示 02:52 AM,但我们需要 02:52 AM

请帮助任何人。谢谢,查看我的问题。

标签: javascriptbootstrap-4

解决方案


您可以更改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>


推荐阅读