kendo-ui - 如果验证失败，则 Kendo DatePicker 红色边框

Question

Kendo UI date picker如果验证失败，我可以添加红色边框吗

function onChange(e) {
    if (e.date == undefined) {
        var item = $(this).find('.t-input').val('Incorrect date!');
    }
}

我有这个onChange方法并试图添加red边框。谁能帮助我或提出更好的解决方案

Answer 1

添加这个 CSS 应该可以工作：

#datepicker[aria-invalid] {
  border: 1px solid #f00;
}

这是一个示例： jsbin。

Answer 2

不幸的是，你不能用 Kendo UI 做到这一点。Kendo UI 元素不允许您这样做。

我对剑道小部件上的样式表进行了数据绑定。Firebug 会通知您这是不可能的。

我现在会用我的 Telerik 支持帐户开一张票，然后回来找你。我也想做同样的事情。

Answer 3

$('input[aria-owns=txt-orderedTime_timeview]').closest(".k-picker-wrap.k-state-default").css("border-color", '#ff0000');

或者

$("#txt-orderedTime").data("kendoTimePicker").wrapper.find(".k-picker-wrap.k-state-default").addClass("validationErrorClass");

.validationErrorClass {
        border-color: #ff0000 !important;
    }