使用DataTable时如何显示DateTime？

Question

我正在使用Razor页面在ASP.NET Core中构建Web应用程序。但是，我还想尝试使用一些JavaScript显示数据表。我想显示属性的启动时间，末日和添加的属性，这些属性是类型的DateTime。但是如果没有进行很多背景转换，我就无法使它起作用。

我的问题是，显示存储在DateTime属性中的值的最简单方法是什么？

这就是我的JS文件的样子，它从自定义类移动的对象中显示信息：

$(document).ready(function () {

    
    $('#DT_load').DataTable({
        "ajax": {
            "url": "/api/Shift",
            "type": "GET",
            "datatype":"json"
        },
        "columns": [
            { "data": "user.name", "width": "25%" },
            { "data": "location.name", "width": "25%" },
            {**<!-- Here i want to display DateTime properties values -->**
                "data": "id",
                "render": function (data) {
                    return `<div class="w-75 btn-group" >
                            <a href="/Admin/Shifts/upsert?id=${data}" class="btn btn-success text-white mx-2">
                            <i class="bi bi-pencil-square"></i> </a>
                            <a href="/Admin/Shifts/upsert?id=${data}"  class="btn btn-danger text-white mx-2">
                            <i class="bi bi-trash-fill"></i> </a>
                            </div>`

                },
                "width":"15%"
            },
        ],
        "width":"100%"
    });
});

我正在使用一个控制器，该控制器获取具有特定属性的所有属性，但包括属性也不起作用。

Answer 1

我的问题是，显示存储在DateTime属性中的值的最简单方法是什么？

如果要在DataTable中显示Datatime类型数据，则只需要直接显示。例如：

模型：

public class CustomerModel{
    public DateTime StartTime { get; set; }
}

操作：

public IActionResult Shift()
        {
            List<CustomerModel> l = new List<CustomerModel> { new CustomerModel { StartTime = new DateTime(2022, 7, 1) }, new CustomerModel {  StartTime = new DateTime(2022, 7, 1) } };

            return new JsonResult(l);
        }

JS：

$(document).ready(function () {

    
    $('#DT_load').DataTable({
        "ajax": {
            "url": "/api/Shift",
            "type": "GET",
            "datatype":"json"
        },
        "columns": [
            { "data": "startTime", "width": "25%" },
        ],
        "width":"100%"
    });
});