SAP UI5 中 DatePicker 控件的验证

Question

我正在使用来自 sap.ui.commons 库的 DatePicker 控件。 我想在这个日期添加验证。除了实施变更方法之外，进行验证的最佳方法是什么？

框架是否可以像我们以某种标准形式看到的那样以红色弹出错误消息？

我们将不胜感激。

谢谢

Answer 1

您可以为此使用 DatePicker 的 valueState 属性。

在下面的示例中，如果所选日期超过一周前，它会显示带有红色叠加层 (sap.ui.core.ValueState.Error) 的控件：

var oDP = new sap.ui.commons.DatePicker({
    valueState :{
        parts     : ["/myDate"], //bound to a 'myDate' property in your model
        formatter : function(oValue) {
            var oneWeekAgo = new Date();
            oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
            return (oValue < oneWeekAgo) ? sap.ui.core.ValueState.Error : sap.ui.core.ValueState.None;
        }
    }
});

更新：有关带有自定义错误消息的完整示例，请参阅此示例：http://jsbin.com/nolil/2/edit