kendo-ui - 如何在下一行验证 datetimepicker？

Question

在我的项目中，我有两个 datepicker 都使用验证消息进行验证，但消息在 datetimepicker 上重叠，如何在下一行显示消息。

我的代码：http:
//jsbin.com/ufimom/116/edit

Answer 1

定义以下 CSS 样式：

span.k-tooltip
{
    position: absolute;
    top: 24px;
    left: -1px;
}

看到它在这里运行：http: //jsbin.com/ufimom/132/edit

Answer 2

理想情况下，Kendo Validator 将其工具提示放置在经过验证的输入之外。但是，如果输入后来增强为 ComboBox、AutoComplete 或其他 Kendo 小部件，则将工具提示放在输入旁边可能会覆盖重要信息或破坏小部件呈现。在这种情况下，您可以通过添加一个将 data-for 属性设置为已验证输入名称和类 .k-invalid-msg 的跨度来准确指定您希望放置工具提示的位置。

<div id="myform">
    <input type="text" id="name" name="name" required>
    <span class="k-invalid-msg" data-for="name"></span>
 </div>

Kendo 自定义工具提示位置