引导时钟选择器问题需要在时间和时间之间留一个空格

时间:2019-03-27 04:23:23

标签: javascript bootstrap-4

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

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

1 个答案:

答案 0 :(得分:0)

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