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

Question

我需要在 Kendo 日期选择器的 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/