ko.toJSON() 可以处理日期吗？

Question

我在 ASP.NET MVC 页面上使用 KnockoutJS。我使用 ajax 通过调用 ko.toJSON(viewModel) 来将表单保留回服务器，然后使用 jQuery 将结果发布回服务器。视图模型上的所有属性均已成功序列化，但 Javascript 日期除外，该日期保留为空对象。

声明：

var viewModel = {
    startTime: ko.observable(),
    type: ko.observable(),
    durationInMinutes: ko.observable(),
    notes: ko.observable()
};

保存数据：

var postData = ko.toJSON(viewModel); 
$.ajax({
    url: "/data",
    type: "POST",
    data: postData,
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function () {
        console.log('success!');
    },
    error: function () {
        console.log('fail!');
    }
});

viewModel.startTime() 的 console.log 值为：

日期 {2011 年 5 月 10 日星期二 11:30:00 GMT-0500（中部夏令时间）}

在保存数据第 1 行之后，postData 的值为：

{
    "startTime": {},
    "type": "1",
    "durationInMinutes": "45",
    "notes": "asfasdfasdfasdfasdfasdfasdfas",
    "displayableStartTime": "10-May 11:30"
}

如果我展开保存数据的第 1 行到

var jsonEvent = ko.toJS(viewModel);
jsonEvent.startTime = viewModel.startTime();
var postData = JSON.stringify(jsonEvent);

postData 的值是：

{
    "startTime": "2011-05-10T16:30:00.000Z",
    "type": "1",
    "durationInMinutes": "45",
    "notes": "asfasdfasdfasdfasdfasdfasdfas",
    "displayableStartTime": "10-May 11:30"
}

任何人都可以解释可能发生的情况以及我如何能够让 knockoutjs 处理日期对象？

Answer 1

鉴于 ko.toJS 和日期的当前问题，一种选择是创建一个 dependentObservable ，其中包含您希望服务器处理的实际值。

类似于：

var viewModel = {
    startTimeForInput: ko.observable(),
    type: ko.observable(),
    durationInMinutes: ko.observable(),
    notes: ko.observable()
};

viewModel.startTime = ko.dependentObservable(function() {
    return this.startTimeForInput().toJSON();
}, viewModel);

ko.applyBindings(viewModel);

现在，当您调用 ko.toJSON 时，您将获得带有服务器可以使用的正确值的 startTime 。

对于较旧的浏览器，诸如 json2.js 之类的内容将包含 Date 对象的 .toJSON。

Answer 2

当日期为 DateTime.MinValue 时，我遇到了 ko.toJSON() 给我提供错误日期格式的问题。

虽然可能无法解决您的问题，但此修复适用于我的 ko.toJSON() 日期问题：

var postData = JSON.parse(JSON.stringify(ko.toJSON(viewModel)).replace(/\"1-01-01/g, "\"0001-01-01"));

ASP.Net WebMethod 失败，因为 ko.toJSON() 为 DateTime.MinValue 生成不同的结果