如何将k-state-error类添加到kendo日期选择器

Question

我需要在剑道日期选择器的onChange事件中添加k-state-error类。

 function onChange(e) {
    if (e.date == undefined) {
        $(this).closest('span').addClass("myclass");
        $(this).parent('span').addClass("myclass");
        $(this).child('span').addClass("myclass");
    }
}

我该如何访问？

Answer 1

内部change事件处理程序$(this)引用DatePicker而不是原始input。所以你应该使用$(this.element)代替。

$("#date").kendoDatePicker({
    change: onChange
    }
});

function onChange(e) {
    if (!e.sender.value()) {
        $(this.element).closest('span').addClass("myclass");
        $(this.element).parent('span').addClass("myclass");
        // NOTE: The following will actually not work since it does not have child 
        // $(this.element).child('span').addClass("myclass");
    }
}

编辑：并将样式定义为：

.myclass {
    border: 3px solid red !important;
}

在此处运行示例：http://jsfiddle.net/OnaBai/Csp6P/