knockout.js - 为什么我不能指定ko.observable应该如何解析其值？

当我更深入地了解ockout.js的概念时，我很难理解为什么我不能告诉ko.observable如何解析/编写其值，如下所示：

   dateValue = ko.observable({
        read: function (dateString) {
            /*convert a date string to an object here for internal storage*/
            return Globalize.parseDate(dateString, 'd');
        },
        write: function (dateObj) {
             /*format a date object for output*/
            return Globalize.formatDate(dateObj, 'd');
        }
    })

我知道存在ko.computed就是为了这个目的，但是它们仍然需要我在需要将read（）结果写入的地方保持“影子”。

最佳答案

编写一个扩展程序以添加一个formatted计算的可观察值，以便您可以读取或写入格式化的值，同时仍然可以访问“原始”未格式化的值。

ko.extenders['date'] = function (target, format) {
    var formatted = ko.computed({
        'read': function () {
            return Globalize.parseDate(target(), format);
        },
        'write': function (date) {
            target(Globalize.format(date, format));
        }
    });
    target.formatted = formatted;
    return target;
};

dateValue = ko.observable('10/19/2012').extend({ 'date': 'd' });

// e.g.,
dateValue();           // 10/19/2012
dateValue.formatted(); // Fri Oct 19 2012 00:00:00 GMT-0700 (Pacific Daylight Time)

dateValue.formatted(new Date(2012, 9, 31));

dateValue();           // 10/31/2012
dateValue.formatted(); // Wed Oct 31 2012 00:00:00 GMT-0700 (Pacific Daylight Time)