ASP.Net WebApi 和 KO 日期问题

Question

我在 ASP.Net MVC 应用程序中使用 EF，并且还使用 WebApi 来获取这样的元素：

[HttpGet]
    public Student GetStudent(int id)
    {
        return db.Students.AsNoTracking().FirstOrDefault(n => n.Student_ID == id);
    }

这一切都很好，我将它直接映射到 ko 以供使用。但是，当我绑定元素的任何 DateTime 属性的值时，即出生日期，我得到：1955-04-17T11:13:56。我不想更改每个日期的 web api 方法或模型，是否有 3rd 方库或淘汰函数可以处理来自 asp.net 的日期时间并更正输入值。

Answer 1

正如 Sridhar 在评论中建议的那样。您可以使用 moment.js 来实现这一点。

我在这里创建了一个示例小提琴 - http://jsfiddle.net/sherin81/ordwenj6/

淘汰码

function viewModel()
{
    var self = this;
    self.dateInput = ko.observable("1955-04-17T11:13:56");
    self.formattedDate = ko.computed(function(){
        var m = moment(self.dateInput());
        return m.format("DD-MM-YYYY");
    });
}

ko.applyBindings(new viewModel());

HTML

<input data-bind="value : dateInput" />
<br/>
<span data-bind="text : formattedDate()" />

为了演示，我使用输入字段中的值进行格式化。您可以修改代码以使用来自 webapi 的值并使用moment.js 对其进行格式化。

更新

要使用 ko 自定义绑定处理程序执行相同操作，请执行以下操作

ko.bindingHandlers.dateFormattedByMoment = {
    update: function (element, valueAccessor, allBindingsAccessor) {
        $(element).val(moment(valueAccessor()).format("DD-MM-YYYY"));
    }
};

HTML

<input id="customBinding" data-bind="dateFormattedByMoment : dateInput()" />

在这里工作 - http://jsfiddle.net/sherin81/ujh2cg73/