私は分の代わりに時間を表示するために 'タイプ'タイプの '入力'を使用できますか？

Question

タイプtimeのinputを管理して、分ではなく数時間を表示することは可能です。

<div class="form-group"> 
    <label for="heure_seance" class="col-md-4 control-label">Heure : </label> 
    <div class="col-md-6"> 
      <input id="heure_seance" type="time" step='60' class="form-control" name="heure_seance" required> 
    </div> 
</div> 

JavaScriptを使用する必要がありますか、HTML属性を使用する必要がありますか？

データベースに格納されている時間が時間全体であるため、分を保存しないため、これを行う必要があります。

ありがとうございました！

Answer 1

ユーザからの予期しない入力テキストを避けるために、入力を無効にするか、または読み取り専用に設定することができます。

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js" ></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js" type="text/javascript" ></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> 
 

 

 
<div class="container"> 
 
    <div class="row"> 
 
     <div class='col-sm-6'> 
 
      <div class="form-group"> 
 
       <div class='input-group date' id='datetimepicker3'> 
 
        <input type='text' class="form-control" /> 
 
        <span class="input-group-addon"> 
 
         <span class="glyphicon glyphicon-time"></span> 
 
        </span> 
 
       </div> 
 
      </div> 
 
     </div> 
 
     <script type="text/javascript"> 
 
      $(function() { 
 
       $('#datetimepicker3').datetimepicker({ 
 
        format: 'HH' 
 
       }); 
 
      }); 
 
     </script> 
 
    </div> 
 
</div>