¿Ko.toJSON() funciona con fechas?

Question

Estoy usando knockoutjs en una página asp.net mvc. Estoy usando ajax para persistir un formulario de regreso al servidor llamando al ko.toJSON(viewModel) y luego publicando los resultados en el servidor usando jQuery. Todas las propiedades del modelo de vista se serializaron con éxito, excepto la fecha de Javascript, que se conserva como un objeto vacío.

Declaración:

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

Guardar datos:

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!'); 
    } 
}); 

El valor de console.log viewModel.startTime() es:

Date {Tue May 10 2011 11:30:00 GMT-0500 (Central Daylight Time)}

Después de la línea 1 del Guardar datos, el valor de Postdatum es:

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

Si amplío la línea 1 del Guardar datos a

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

El valor de Postdatum es :

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

¿Alguien puede explicar lo que podría estar pasando y cómo podría obtener knockouts para manejar el objeto de fecha?

Answer 1

Dado el problema actual con ko.toJS y las fechas, una opción sería crear un dependObservable que contenga el valor real que desea que el servidor trate.

Algo así como:

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); 

Ahora, cuando se llama ko.toJSON usted conseguirá la startTime con el valor correcto que el servidor podría utilizar.

Para navegadores más antiguos, algo como json2.js incluiría .toJSON para objetos Date.

Answer 2

Tuve un problema con ko.toJSON() dándome un formato de fecha incorrecto cuando la fecha era DateTime.MinValue.

Aunque probablemente no es una solución para su problema, esta revisión trabajaron para mi ko.toJSON() fecha problema:

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

ASP.Net WebMethod fails because ko.toJSON() produces different results for DateTime.MinValue