Bootstrap 日期时间选择器 asp.NET MVC

Question

我正在使用这个功能

<script src="~/Scripts/jquery.datetimepicker.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.datetimepicker').datetimepicker({});
        });
    </script>

此代码用于显示日期时间：

@Html.EditorFor(model => model.SomeNameDateTimeFormat, new { htmlAttributes = new { @class = "form-control input-sm datetimepicker"} })

但是，css 根本不起作用，它将页面一侧的日历呈现为一个接一个的项目。

我应该如何以及在何处包含 css？

最后我想要像"dd-MM-yyyy HH:mm"这样的输出 p.s。 HH:mm 可以是 DateTime.Now。

Answer 1

您可以根据需要更改日期时间格式：

$('.datetimepicker').datepicker({ dateFormat: 'dd-mm-yy' })

Answer 2

使用 textboxFor 而不是 editorFor。

@Html.TextBoxFor(model => model.SomeNameDateTimeFormat,"{0:dd-MM-yyyy HH:mm}", new { htmlAttributes = new { @class = "form-control input-sm datetimepicker"} })<br>

如果您在多个页面上/在使用它的页面上使用它，还请在布局中包含 css。正常样式标签 (<link rel="stylesheet" type="text/css" href="theme.css"> ) 应该可以。

完成本教程 Link

Answer 3

我最终按照@StephenMuecke 的建议使用了 xdsoft datetimepicker。这是用于此目的的优秀教程，包含 xdsoft datetimepickler 提供的所有内容：

http://xdsoft.net/jqplugins/datetimepicker/

我遇到了困难，因为我在布局和 _Create PartialView 中包含了 jquery 脚本，所以如果您使用的是局部视图，请小心。

Bootstrap 日期时间选择器 asp.NET MVC

Bootstrap date-time picker asp.NET MVC

css

asp.net-mvc

jquery

date-format

datetimepicker