剔除可观测值:手动应用扩展器

Question

我编写了一个扩展程序，在用户模糊日期输入字段时格式化日期(换句话说，valueUpdate不是“后置键”)。

但问题是，由于某些其他原因，我需要在每个键关闭后更新值，但我不希望在用户模糊之前应用格式设置。

是否有一种方法可以将扩展程序设置为“手动”，也就是说，然后用如下方式手动调用扩展程序：

someObservable.applyExtenders(); //applies all extenders

或

someObservable.applyExtenders(['formatDate']);  //applies a list of extenders

Answer 1

您不必做一些像手动应用扩展器这样复杂的事情。

一个更简单的解决方案是创建一个自定义绑定，它在用户输入日期时验证日期，然后在启动更改事件时格式化日期。

小提琴。

(function(ko) {

    ko.bindingHandlers.dateValid = {
        // set up bindings on the init function
        // you can use afterkeydown to get the value as the user types it in
        // then you can use the change event to do the formatting
        init: function(elem, valueAccessor, allBindings, vm, context) {
            function formatDate() {
                alert('Im getting formatted!');   
            }
            // add the other bindings to the node
            ko.applyBindingsToNode(elem, { 
                value: valueAccessor(), // the observable
                valueUpdate: 'afterkeydown', 
                event: { change: formatDate } // this will format on change not keydown
            });
        },
        update: function(elem, valueAccessor, allBindings, vm, context) {
            var val = ko.unwrap(valueAccessor());
            // do validation or whatever needs to be done as the value updates here
        }
    };    

    function ViewModel() {
        this.date = ko.observable('11/22/63');
    }

    ko.applyBindings(new ViewModel());

}(ko));