在 ASP.NET Core 视图中获取日期时间格式的日期和小时

Question

我在 ASP.NET Core 中编写了一个简单的项目。我希望用户只选择Date 和Hour，而不需要查看日期时间中的分钟部分。我试过了，但总是显示微小的部分并且可以选择！任何不显示微小部分或禁用它的解决方案都是可以接受的。

这是我在视图模型中写的：

[DisplayFormat(ApplyFormatInEditMode = true,ConvertEmptyStringToNull =false, 
 DataFormatString = "{0:yyyy-MM-dd HH}")]
public DateTime StartDate { get; set; }

查看是一种获取：

<input type="datetime-local" asp-for="StartDate" name="StartDate" id="StartDate" data-date-format="{0:yyyy-MM-dd HH}" asp-format="{0:yyyy-MM-dd HH}" class="form-control" />

Answer 1

任何不显示微小部分或禁用它的解决方案都是可以接受的。

如果您使用浏览器默认的日期选择器小部件作为您共享的屏幕截图，这似乎使我们无法自定义和禁用该默认日期选择器小部件中的 minute 选择器部分。

如果可能，您可以尝试使用一些 jQuery datepicker 小部件来实现要求，如下所示。

<div class="input-append date form_datetime">
    <input type="text" asp-for="StartDate" id="StartDate" class="form-control" readonly />
    <span class="add-on"><i class="icon-th"></i></span>
</div>

必需的引用和js代码

<link rel="stylesheet" href="https://www.malot.fr/bootstrap-datetimepicker/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css" />
<script src="https://www.malot.fr/bootstrap-datetimepicker/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script>
    $(function () {
        $(".form_datetime").datetimepicker({
        format: "yyyy-MM-dd HH:00",
        minView:1,
        autoclose:true
        });
    })
</script>

测试结果