如何在MVC 4中设置Time-picker

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", '');

参考这个Bootstrap Timpicker示例，

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

responsive-bootstrap-3-timepicker

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