使用razor转换日期时间格式

Question

以下有什么问题吗？

@Convert.ToDateTime((@item.Date.ToShortDateString())," dd - M - yy")

@item.Date 显示 20/11/2005 12:00 am，我想显示 2011 年 11 月 20 日

Answer 1

尝试：

@item.Date.ToString("dd MMM yyyy")

或者您可以使用 [DisplayFormat]视图模型上的 属性：

[DisplayFormat(DataFormatString = "{0:dd MMM yyyy}")]
public DateTime Date { get; set }

在您的视图中：

@Html.DisplayFor(x => x.Date)

Answer 2

这是解决方案：

@item.Published.Value.ToString("dd. MM. yyyy")

在 ToString() 之前使用 Value。

Answer 3

在 MVC 4.0 中尝试一下

@Html.TextBoxFor(m => m.YourDate, "{0:dd/MM/yyyy}", new { @class = "datefield form-control", @placeholder = "Enter start date..." })

Answer 4

[DisplayFormat] 属性仅在 EditorFor/DisplayFor 中使用，而不是由 TextBoxFor 等原始 HTML API 使用。我通过执行以下操作使其工作：

模型：

[Display(Name = "When was that document issued ?")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:d}")]
public DateTime? LiquorLicenceDocumentIssueDate { get; set; }

视图：

        <div id="IsLiquorLicenceDocumentOnPremisesYes" class="groupLongLabel">
            @Html.LabelFor(m => m.LiquorLicenceDocumentIssueDate)
            <span class="indicator"></span>
            @Html.EditorFor(m => m.LiquorLicenceDocumentIssueDate)
            <span id="validEmail"></span>
            <br />
            @Html.ValidationMessageFor(m => m.LiquorLicenceDocumentIssueDate)
        </div>

输出：
2011 年 12 月 30 日

相关链接：

http:// /msdn.microsoft.com/en-us/library/system.componentmodel.dataannotations.displayformatattribute.applyformatineditmode.aspx

Answer 5

下面的代码会对您有所帮助

@Html.Label(@item.Date.Value.ToString("dd - M - yy"))

Answer 6

对于 Razor，将文件 DateTime.cshtml 放在 Views/Shared/EditorTemplates 文件夹中。 DateTime.cshtml 包含两行，并生成一个日期格式为 9/11/2001 的 TextBox。

@model DateTime?
@Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : string.Empty), new { @class = "datePicker" })

Answer 7

一般来说，书面月份转义为 MMM，4 位年份转义为 yyyy，因此您的格式字符串应类似于“dd MMM yyyy”

DateTime.ToString("dd MMM yyyy")

Answer 8

我无法完全根据上述建议来完成这项工作。包括 DataTypeAttribute [DataType(DataType.Date)] 似乎解决了我的问题，请参阅：

模型

[Required]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:d}", ApplyFormatInEditMode = true)]
public DateTime RptDate { get; set; }

视图

@Html.EditorFor(m => m.CLPosts.RptDate)

HTH

Answer 9

对于所有给定的解决方案，当您在现代浏览器（如 FF）中尝试此操作时，并且您已设置

// Model
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
public DateTime Start { get; set; }

// View
<div class="form-group">
    @Html.LabelFor(model => model.Start, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.Start, "{0:dd-MM-yyyy}", new { htmlAttributes = new { @class = "form-control"} })
    </div>
</div>

将渲染的正确模型 mvc(5) （输入的 type 设置为 >日期基于您模型中的日期设置！）

<div class="col-md-10">
<input class="form-control text-box single-line" data-val="true" data-val-date="The field Start must be a date." data-val-required="The Start field is required." id="Start" name="Start" value="01-05-2018" type="date">
        <span class="field-validation-valid text-danger" data-valmsg-for="Start" data-valmsg-replace="true"></span>
</div>

浏览器将显示

要解决此问题，您需要将类型更改为文本而不是日期（如果您想使用自定义日历）

@Html.EditorFor(model => model.Start, "{0:dd-MM-yyyy}", new { htmlAttributes = new { @class = "form-control", @type = "text" } })

Answer 10

根据安扬·康德（Anjan Kant）上面所说的，这就是我想出的（本来会给你一个赞成票，但我太新了）

@if (Model.Quotes != null)
        {
            foreach (var item in Model.Quotes)
            {
                <tr class="code-black">
                    <td class="td">
                        @Html.Label(@item.CreateDate.ToShortDateString())
                    </td>
                    <td class="td">
                        @Html.DisplayFor(modelItem => item.Status)
                    </td>
                    <td class="td">
                        @Html.DisplayFor(modelItem => item.ProjectName)
                    </td>
                    <td class="td usd">
                        @Html.DisplayFor(modelItem => item.Total)
                    </td>
                    <td class="td">
                        <a asp-page="../Quote/Details" asp-route- 
                                        id="@item.Id">View</a> 
                    </td>
                </tr>
            }
        }

Answer 11

我在另一个问题中使用了这个答案，效果非常好：
@(item.Startdate.HasValue ? item.Startdate.Value.ToString("dd/MM/yyyy") : "Date is Empty")

如果日期列为空，Value.ToString会抛出错误，所以我们使用条件语句

灵感来自 @miroslav-holec 和 @shaiju-t 的回答

Answer 12

更改日期类型的简单方法即：

   [DataType(DataType.Date)]
   public DateTime? DataEurGbp { get; set; }

Answer 13

您可以使用 jQuery 日历来获得更好的结果，我们使用以下代码完成了此任务

<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script>
    $(function () {
        $("#EnrollmentDate").datepicker({
            dateFormat: 'dd/M/yy'//,
            //minDate: new Date(),
            //value: new Date()
        });
    });
</script>


<form method="post">

    <div class="form-group col-4">
        <label asp-for="@Model.EnrollmentDate" class="control-label"></label>
        <input class="form-control" asp-for="@Model.EnrollmentDate" type="text">
        <span asp-validation-for="@Model.EnrollmentDate" class="text-danger"></span>
    </div>

    <div class="form-group col-4">
        <input type="submit" value="SUBMIT" class="btn btn-primary btn-sm" />
    </div>

</form>

，C# 代码使用如下

    [BindProperty]
    [DataType(DataType.Date)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MMM/yyyy}")]
    public DateTime EnrollmentDate { get; set; } = DateTime.Now.AddYears(-1);