проблема с настройкой часов начальной загрузки, требуется пробел между временем и am

#javascript #bootstrap-4

#javascript #bootstrap-4

Вопрос:

После выбора средства выбора часов начальной загрузки оно показывает 02: 52 утра, но нам нужно 02: 52 утра

Пожалуйста, помогите кому-нибудь. Спасибо, что рассмотрели мою проблему.

Комментарии:

1. Поделитесь своим рабочим кодом

Ответ №1:

Вы можете изменить значение в 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>