Sapui5 SAP UI5中DatePicker控件的验证

Sapui5 SAP UI5中DatePicker控件的验证,sapui5,Sapui5,我正在使用sap.ui.commons库中的DatePicker控件。 我想在此日期添加验证。除了实现变更方法之外,进行验证的最佳方式是什么 当我们看到一些标准格式时,框架是否可能以红色弹出错误消息 任何帮助都将不胜感激 谢谢您可以使用DatePicker的valueState属性来实现这一点 在下面的示例中,如果所选日期超过一周前,它将显示带有红色覆盖层(sap.ui.core.ValueState.Error)的控件: var oDP = new sap.ui.commons.DatePic

我正在使用sap.ui.commons库中的DatePicker控件。 我想在此日期添加验证。除了实现变更方法之外,进行验证的最佳方式是什么

当我们看到一些标准格式时,框架是否可能以红色弹出错误消息

任何帮助都将不胜感激


谢谢

您可以使用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;
        }
    }
});
var oDP=new sap.ui.commons.DatePicker({
价值状态:{
部分:[“/myDate”],//绑定到模型中的“myDate”属性
格式化程序:函数(oValue){
var oneWeekAgo=新日期();
oneWeekAgo.setDate(oneWeekAgo.getDate()-7);
返回(oValue

更新:有关带有自定义错误消息的完整示例,请参见此示例:

谢谢限定条件..我这里只有一个查询。。。。如果我们不使用任何型号,是否可以省略此部件选项???我认为这是不可能的。这也没有任何意义,如果不使用模型,使用UI5控件有什么意义?转换到您的案例中,如果您不知道要验证什么,您将如何验证?例如,您可以有
部分:[“fromDate”,“toDate”]
并在格式化程序中检查“截止日期”是否在“起始日期”之后:-)希望这有帮助!哦,好的。。。。我把它绑在一个模型上。。。我还有一个问题。。。我们是否可以更改字段验证失败且ValueState设置为Error时看到的文本。我知道在sap.m.input字段中有valueStateText属性,但在sap.ui.commons.TextField中我找不到该属性。但当验证失败时。。。工具提示中出现“无效条目”。我只是想用某种方法来编辑它。。bt我不明白。如果有人在谷歌上搜索如何验证日期(时间)选择器中的输入,请查看以下答案:。可能是重复的