Question

我已经能够为月份和年份呈现引导日期选择器，但遗憾的是我无法在月份日和小时选择中呈现它。

提前感谢您的帮助，

鲍勃

Answer 1

我已经习惯了，而且看起来非常简单。

您可以在页面中添加以下CSS和JavaScript（您应该已经安装了jQuery和bootstrap脚本）：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script type="text/javascript" src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker();
    });
</script>

注意：它还使用moment.js。

然后在我的表单上，我使用了以下HTML和Razor标记：

<div class="form-group">
@Html.LabelFor(m => m.BlogPost.PostedOn, new { @class = "col-md-2 control-label" })
<div class="col-md-10">
    <div class='input-group date' id='datetimepicker1'>
        @Html.TextBoxFor(m => m.BlogPost.PostedOn, new { @class = "form-control", @type = "text" })
        <span class="input-group-addon">
            <span class="fa fa-calander"></span>
        </span>
    </div>
</div>

这很简单，看起来效果很好。请参阅我创建的jsfiddle demo。

无法获取bootstrap-datepicker以在MVC 5中显示日期和时间

1 个答案: