Question

私は、ブートストラップv4.17.47のdatetimepickerを無駄にしないようにしています。 formatを設定すると、わずか24時間もかかりますが、12時間の作業時間を得ることはできません。

設定が必要なことはありますか？私はブートストラップv3.3.2とjQuery v2.2.3を歌います。

<div class="form-group"> 
    <div class='input-group date' id='TheTime'> 
     <input type='text' class="form-control" /> 
     <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span> 
     </span> 
    </div> 
</div> 

私は設定したJavaScriptの下に、私は12時間のポップアップを表示しません。以下のように設定すると、24時間表示のポップアップが表示されますが、時間テキストボックスに表示されるのはたとえば：21:00というポップアップですが、テキストボックスには9:00 ttと表示されます。

<script type="text/javascript"> 
    $(document).ready(function ($) { 
     $('#TheTime').datetimepicker({ 
      format: 'hh:mm tt' 
     });       
    }); 
</script> 

Answer 1

あなたは、単にリンクされた瞬間のドキュメントとしてam/pm文字列を表し述べていることを、aを追加し、12時間のポップアップを取得するformatオプションの値を変更する必要があります。ここで

作業例：あなたが入力フィールドにttテキストを表示する必要がある場合は、ここを見て

$(document).ready(function ($) { 
 
    $('#TheTime').datetimepicker({ 
 
     format: 'hh:mm a' 
 
    });       
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/> 
 

 
<div class="form-group"> 
 
    <div class='input-group date' id='TheTime'> 
 
     <input type='text' class="form-control" /> 
 
     <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span> 
 
     </span> 
 
    </div> 
 
</div>

：

• Add custom text to the output text field in bootstrap datetimepicker
• How to have just the time picker in a bootstrap 3 date/time picker widget with an added string in format