Bootstrap Datepicker 在 Razor 页面中显示时间

Posted

技术标签:

【中文标题】Bootstrap Datepicker 在 Razor 页面中显示时间【英文标题】:Bootstrap Datepicker shows Time in Razor Pages 【发布时间】:2020-01-14 03:19:17 【问题描述】:

我在 My Razor Pages Projekt (.Net Core 2.2) 中使用 bootstrap-datepicker@1.9.0。

日期选择器配置:

    $('.datepicker').datepicker(
        language: '@currentCulture',
        autoclose: true,
        orientation: "bottom left",
    );

html 模板:

<input asp-for="ViewModel.DateTimeProperty" data-provide="datepicker" type="text" class="form-control datepicker">

当前语言是 DE(德语)。选择日期后,显示日期的格式正确:14.06.1989。 然后我使用更改的 DateTime 属性保存数据集。页面重新加载。现在,显示的格式是:14.06.1989 00:00:00 如何防止输入字段显示 DateTime 属性的时间部分?

非常感谢。

【问题讨论】:

检查这个问题...***.com/questions/34525664/… 感谢您的评论,@Veljko89。上述问题中的建议答案对我不起作用:-( 【参考方案1】:

对于选择日期前的首次显示,您可以通过在实体上配置DataType 来控制它,如下所示。

public class Book

    public int Id  get; set; 
    public string Title  get; set; 
    [DataType(DataType.Date)]
    public DateTime CreationTime  get; set; 

【讨论】:

谢谢,这已经解决了!我现在使用这样的属性: [DataType(DataType.Date)] [DisplayFormat(DataFormatString = "0:d", ApplyFormatInEditMode = true)] public DateTime?日期时间属性 获取;放;

以上是关于Bootstrap Datepicker 在 Razor 页面中显示时间的主要内容,如果未能解决你的问题,请参考以下文章

Django 表单 - django-bootstrap-datepicker-plus 未呈现 datepicker

bootstrap datepicker只选择年份

bootstrap-datepicker 在点击时没有响应

在 bootstrap-datepicker 上突出显示某些日期

Bootstrap Datepicker 在 Razor 页面中显示时间

在更改时验证 bootstrap-datepicker 字段