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

您可以在HTML5中使用输入类型=“日期”，但它不受支持。当前版本的Firefox不支持它，所以你可能会遇到很多麻烦。

我在当前项目https://eonasdan.github.io/bootstrap-datetimepicker/

中使用此插件

Answer 2

以下是问题的答案

在标题

中添加此内容

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

添加DateTime Picker？

2 个答案: