나는 '시간'유형의 '입력'을 사용하여 분 대신 시간을 표시 할 수 있습니까?

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> 

자바 스크립트가 필요하거나 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>