开发 MVC 应用程序并在 Razor 中导入了这些脚本:
<link rel="stylesheet" href="@Url.Content("~/Content/bootstrap.min.css")">
<link rel="stylesheet" href="@Url.Content("~/Content/bootstrap-datetimepicker.min.css")">
<link rel="stylesheet" href="@Url.Content("~/Content/_bootstrap-datetimepicker.less")">
<script src="@Url.Content("~/Scripts/jquery-3.3.1.min.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
<script src="@Url.Content("~/Scripts/popper.min.js")"></script>
<script src="@Url.Content("~/Scripts/moment-with-locales.min.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap-datetimepicker.min.js")"></script>
Run Code Online (Sandbox Code Playgroud)
我这样设置日期时间选择器:
$('#datetimepicker').datetimepicker({
locale: 'cs',
format: 'DD.MM.YYYY',
dayViewHeaderFormat: 'MMMM YYYY',
minDate: today,
stepping: 1,
showTodayButton: true,
allowInputToggle: true
});
$('.timepicker').datetimepicker({
locale: 'cs',
format: 'HH:mm',
dayViewHeaderFormat: 'MMMM YYYY',
stepping: 5,
allowInputToggle: true
});
Run Code Online (Sandbox Code Playgroud)
我的 datetimepicker 和 timepicker 都显示了用于控制的箭头按钮,如图所示:
两者都有那些控制元素,但没有图标,我不知道为什么。