SAP UI5中DatePicker控件的验证

时间:2014-06-17 13:19:12

标签: sapui5

我正在使用sap.ui.commons库中的DatePicker控件。 我想在此日期添加验证。除了实施变更方法之外,有哪些最佳方法可以进行验证?

框架是否有可能以一种标准形式看到红色的错误信息?

任何帮助将不胜感激。

由于

1 个答案:

答案 0 :(得分: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