如果验证失败，则为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元素不允许您这样做。

我使用kendo小部件上的样式表进行数据绑定。 Firebug会告诉你这是不可能的。

我现在将使用我的telerik支持帐户打开一张票并回复给您。 我也想做同样的事情。

Answer 3

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

  

OR

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

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