Knockout observables：手动应用扩展器

Question

我编写了一个扩展器，当用户模糊日期输入字段时格式化日期（换句话说，valueUpdate 不是'afterkeydown'）。

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

有没有办法将扩展器设置为“手动”，可以这么说，然后手动调用扩展器，如下所示：

someObservable.applyExtenders(); //applies all extenders

或

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

Answer 1

您不必像手动应用扩展程序那样复杂。

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

Fiddle.

(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));