添加日期時間選取器？

Question

我想在使用MVC5的HTML5中添加日期時間選擇器，因爲我在數據庫中創建了數據類型日期時間....所以如何顯示日期時間選擇器??。我嘗試以下

@Scripts.Render("~/bundles/jqueryval") 
@Scripts.Render("~/bundles/jqueryui") 
@Styles.Render("~/Content/themes/base/css") 
@Styles.Render("~/Content/Jcss") 

<script src="~/Scripts/jquery-2.1.3.js"></script> 
<script src="~/Scripts/jquery.datetimepicker.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#DeliveryDate").datetimepicker(); 
    }); 
</script> 

而在HTML

<div class="col-md-6"> 
    <input type="text" name="DeliveryDate" id="DeliveryDate" /> 
    @Html.ValidationMessageFor(model => model.DeliveryDate, "", new { @class = "text-danger" }) 
</div> 

Answer 1

這是問題的答案

在頭部添加這個

<link href="~/Content/bootstrap-datetimepicker.css" rel="stylesheet" /> 
    <link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" /> 

現在腳本（在足配售）：

@section Scripts { 
@Scripts.Render("~/bundles/jqueryval") 
    <script type="text/javascript"> 
    $(function() { 
     $('#datetimepicker1').datetimepicker(); 
    }); 
    </script> 
<script type="text/javascript" src="~/Scripts/bootstrap-datetimepicker.js"></script> 

Answer 2

您可以使用HTML5輸入類型=「日期」，但它不能很好的支持。目前的Firefox版本不支持它，所以你可能會遇到很多麻煩。

我使用這個插件在我的當前項目https://eonasdan.github.io/bootstrap-datetimepicker/