Angular 2 dev极端dx-date-box验证必填字段

【问题标题】：Angular 2 dev extreme dx-date-box validation of required fieldAngular 2 dev极端dx-date-box验证必填字段
【发布时间】：2017-04-19 18:59:26
【问题描述】：

我正在尝试使用 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>

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

【问题讨论】：

标签： validation angular devextreme

【解决方案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 上使用它，所以我在那里找到了示例。如果可以的话，我会给你 10 个赞