knockout.js - 淘汰js确保一个值大于另一个

Question

我有以下业务需求：

有 2 个文本框，用户需要在其中输入他们的当前年龄和退休年龄。退休年龄需要大于当前年龄，因此如果用户输入的退休年龄小于当前年龄，则应将退休年龄更新为当前年龄，如果用户输入的当前年龄大于退休年龄年龄则必须将退休年龄设置为当前年龄。

有没有一种简单的方法可以使用淘汰赛 js 做到这一点？我假设我需要一个带有某种后备存储的两个字段的计算 observable？

这是我的出发点：http: //jsfiddle.net/RVNHy/

js：

var viewModel = function() {
    this.currentAge= ko.observable(32);
    this.retirementAge = ko.observable(44);  
};

ko.applyBindings(new viewModel ());

html:

<div class='liveExample'>   
    <p>Current Age: <input data-bind='value: currentAge' /></p> 
    <p>Retirement Age: <input data-bind='value: retirementAge' /></p> 
</div>

Answer 1

是的，这就是你想要的：

function MyViewModel() {
    var self = this;
    var age= ko.observable(32);
    var retAge = ko.observable(44); 

    self.currentAge = ko.computed({
        read: function () {
            return age();
        },
        write: function (value) {
            retAge(Math.max(value, retAge));
            age(value);
        },
        owner: this
    });
}

并为退休年龄创建一个计算的 observable。