無法讓引導日期選擇器顯示日期和時間在MVC 5

Question

我已經能夠呈現日月日的引導日期選擇器，但不幸的是我不能讓它呈現月日日期和小時分鐘選擇。

在此先感謝您的幫助，

鮑勃

Answer 1

你見過Bootstrap 3 Datetime Picker？

我已經使用它，它看起來很直截了當。

你下面的CSS和JavaScript添加到您的網頁（你應該已經有jQuery和引導腳本的地方）：

<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和剃刀標記：

<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。