Question

我有以下业务要求：

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

使用knockout js有一种简单的方法吗？我假设我需要一个带有某种后备存储的两个字段的计算observable？

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。

淘汰js确保一个值大于另一个值

1 个答案: