MVC 4でタイムピッカーを設定する方法

Question

時間のあるフィールドのみを含むビューを作成する必要があります。誰でもMVC 4カミソリにTimepickerを作成する方法を教えてください。

これは私のコードです：

モデル

public TimeSpan TIME_OUT { get; set; } 

ビュー

<div class="form-group"> 
    @Html.LabelFor(model => model.TIME_OUT, "End Time", htmlAttributes: new { @class = "col-xs-4 col-sm-offset-1 col-sm-4" }) 
    <div class='input-group date col-xs-8 col-sm-6' id='timeout'> 
      @Html.TextBoxFor(model => model.TIME_OUT, new { @class = "form-control" }) 
      <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-time"> 
       </span> 
      </span> 
    </div> 
</div> 

はJavaScript：

$(function() { 
    $('#timeout').datetimepicker({ 
     format: 'LT' 
    }); 
}); 

これは私のコードの結果です：

しかし、私は時間のアイコンをクリックすると、それは結果を表示しません、私はこれは私が何をしたいです

をしたいです私timepicker

Answer 1

あなたは、ブートストラップ時間ピッカーを使用し、このjQueryのことで、それを設定することができます

$("#YourId").timepicker("setTime", ''); 

はそれほど問題は、このフォーマットはまだ時間だけ日付の様相を示しており、ではないということです

https://eonasdan.github.io/bootstrap-datetimepicker/

responsive-bootstrap-3-timepicker

http://tarruda.github.io/bootstrap-datetimepicker/