Angular 2 dev极限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 Documentation

中找到了这段代码

将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