如何格式化ASP.NET Core 2.0，RAZOR Tag Helpers中的日期，时间，数字

Question

我正在尝试使用Razor Tag Helpers在ASP.NET MVC Core 2.0 App中格式化DateTime和Numbers。

遵循良好实践，我想在与表单视图相关的数据模型中指定数据格式。

我的模特

public class OrderFormModel
{
    public bool IsEdit { get; set; }

    [Display(Name = "Order Time: ")]
    public DateTime ORDER_LOCAL_TIME { get; set; }

    [Display(Name = "Order Qty (K): ")]
    public int QUANTITY_K { get; set; }

风景：

        <div class="form-group col-md-9">
            <label asp-for="ORDER_LOCAL_TIME"></label>
            <input asp-for="ORDER_LOCAL_TIME" class="form-control" />
            <span asp-validation-for="ORDER_LOCAL_TIME" class="text-danger"></span>
        </div>
        <div class="form-group col-md-6">
            <label asp-for="QUANTITY_K"></label>
            <input asp-for="QUANTITY_K" min="1" class="form-control" style="text-align:right" />
            <span asp-validation-for="QUANTITY_K" class="text-danger"></span>
        </div>

所需的格式是

12/12/2017 12:23 (can be separated in to two fields as workaround)

1 000.145

我一直在尝试很多选择，但没有一个可行。对于数字输入，我想当用户输入值并离开输入时，要应用的格式。

我一直在努力：

 [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy hh:mm}")]
  (not applied at all)

 [DisplayFormat(DataFormatString = "{0:N3}")]
  (not applied at all)

 [DataType(DataType.Time)]
  (applied but seconds, milliseconds and AM/PM present)

 [DataType(DataType.Date)]
  (works for date only field)

非常感谢您的帮助。谢谢。

更新

正如Stephen Muecke所说，[DisplayFormat]在首次渲染页面时应用了格式。同意，谢谢。我有ORDER_LOCAL_TIME和QUANTITY_K属性的初始值。 DateTime =现在为ORDER_LOCAL_TIME，1000为QUANTITY_K。

因此，例如在New Order Action上，我希望Form View显示Date with Time（mm：ss only）和Quantity（带千位分隔符）的格式化初始值。问题是我无法做到这一点。

正如Stephen Muecke在浏览器和用户编辑值时留下的格式通知，并留下输入是另一个故事。如果我使用连接到QUANTITY输入的OnChange事件的Java Script函数，我可以格式化并尝试将格式化的数字作为文本返回到输入。但在这种情况下：<< jquery.js：7592指定值“3 000”不是有效数字。该值必须与以下正则表达式匹配： - ？（\ d + | \ d +。\ d + | |。\ d +）（[eE] [ - +]？\ d +）？ >>

Answer 1

我正在使用ASP.NET Core并且已经找到了解决这个问题的解决方案，这让我感到困惑了一个星期（并且在我在这里或其他地方找到的任何论坛都没有解决这个问题。）

我不想编辑模型或控制器中的属性，因为我希望整个日期（带有时间戳）存储在数据库中。

解决方案是在视图中传递@item.CreatedDate.Date.ToShortDateString()，现在我想要的格式MM / DD / YYYY在我希望显示有限日期信息的页面上。 （“CreatedDate”是我的财产）。希望能够解决一些令人头疼的问题。

Answer 2

.cshtml：

<input type="text" asp-for="Model.StartDate" class="form-control" data-provide="datepicker" data-date-autoclose="true" data-date-format="yyyy-mm-dd">

的.cs：

[Display(Name = "Start Date")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
public DateTime? StartDate { get; set; }