2017-12-31 44 views
0

유형 timeinput을 관리하면 분이 아닌 시간 만 표시 할 수 있습니다.나는 '시간'유형의 '입력'을 사용하여 분 대신 시간을 표시 할 수 있습니까?

<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 속성이 필요합니까?

데이터베이스에 저장된 시간이 전체 시간이므로 우리는 분을 저장하지 않습니다.

도움에 감사드립니다!

+0

당신은 타사 라이브러리를 사용할 수없는? – Ele

+0

@EleazarEnrique 예 할 수 있습니다. –

+0

그럴 가능성이 없다고 생각합니다. 하지만 사용자 정의 입력을 생성하고 HTML 입력을 숨긴 다음 JS를 사용하여 사용자 입력의 입력 값을 느낄 수 있습니다. 당신은 여전히 ​​분과 함께 서버 쪽 값을 보내야합니다,하지만 거기 분을 스트립 수 있습니다. –

답변

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>

+0

감사합니다 작동하는 것 같습니다. 그저 "select"로 한 시간을 선택하면 00-23 시간의 다른 "select"가 나타나는 이유는 무엇입니까? –

+0

단지 사용자의 삶을 편하게 만드는 것입니다. 내 말은, 첫 번째 셀렉션이 13이고, 사용자가 23 번에 도달하기 위해 10 번 누르는 대신, 부트 스트랩 날짜 시간 선택기가 시간을 직접 선택할 수있는 방법을 제공한다고 상상해보십시오. 나는 당신이 그 행동을 무력화시킬 수 있다고 생각합니다. 날짜 시간 선택기에 대한 문서를 조금 더 읽으십시오 :-). – Ele

+1

그래, "버그"가 아니기 때문에 원하는 동작입니다. 고마워요! –

관련 문제