sapui5 - 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