为什么我不能指定ko.observable如何解析它的值？

Question

当我深入研究knockout.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是为了这个目的存在的,但它们仍然要求我保持一个"shadow"可观察到read()的结果需要写入的位置.

Answer 1

编写扩展程序以添加formatted计算的observable,以便您可以读取或写入格式化的值,同时仍然可以访问"原始"未格式化的值.

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)