2017-12-31 119 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> 

JavaScriptを使用する必要がありますか、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

ありがとうございました。ちょうどメモ、なぜ私は "選択"で時間を選択すると、00から23時間の別の "選択"が表示されますか? –

+0

ユーザーの生活を楽にするだけです。私は、最初の選択が13を表示すると想像して、ユーザーは23に達するために10回ヒットする必要があります。代わりに、ブートストラップの日付時間ピッカーは時間を直接選択する方法を提供します。私はあなたがその行動を無効にすることができると思います。日付の時間ピッカーについてのもう少し詳細な文書を読んでください:-) – Ele

+1

これは「バグ」ではないので、望ましい動作です。どうもありがとう! –

関連する問題