c# - DateTime 格式注释不适用于 Visual Studio 中的 Vue 应用程序

Question

数据注释是否适用于 Visual Studio 中的 Vue 应用程序？

我有一个带有 Visual Studio 的 Vue 应用程序，我正在从 Entity Framework 查询中获取日期时间。我在 View 模型上使用数据注释，如下所示，但它没有在屏幕上格式化。

有什么原因吗？

实体查询的一部分

var recordsVM = records.Select(r => new GetRecordsReturnViewModel
{
    StartDate = r.StartDate, // DateTime?
    // other params
}

View 模型

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")]
public DateTime? StartDate { get; set; }

.vue

<td><span>{{ props.item.startDate }}</span></td>

我在每个 td 中看到的内容

1943-09-01T00:00:00

Answer 1

您正在混合来自不同平台的想法。 DisplayFormatAttribute 可由 ASP.Net MVC 用于服务器端 HTML 生成(Razor View 等)，但它不会向客户端公开。 Vue.js(或任何其他前端框架)对此无能为力。

相反，使用客户端库来格式化您的日期。许多存在，例如 Date-fns , Luxon , 或 Moment .或者，您可以考虑使用专门为 Vue 制作的库，例如 vue-filter-date-format .