Angular 2 开发所需字段的极端 dx-date-box 验证

Question

我正在尝试使用 dx-date-box 进行日期输入，但我无法让它验证我表单上的必填值：

<dx-date-box placeholder="Request Date" required="true"
          formControlName="request_date" type="date" validationMessageMode="always" invalidDateMessage="{{VALIDATION.DATE_INVALID}}">
        </dx-date-box>

无效的日期验证正在运行并显示消息，但它不会验证所需的值并且不显示所需的错误。我不确定如何实现这种行为。

Answer 1

我从 DevExtreme 文档中找到了这段代码

向元素添加 dx-validator="dobValidationRules" 并在 angularJS 中定义 dobValidationRules.

$scope.dobValidationRules = {
        validationRules: [{
            type: "required",
            message: "Date of birth is required"
        }, {
            type: "range", 
            max: maxDate, 
            message: "You must be at least 21 years old"
        }]
    };

请查找实际工作版本here

Angular 2 开发所需字段的极端 dx-date-box 验证

Angular 2 dev extreme dx-date-box validation of required field

validation

devextreme

angular