Angularjs 日期选择器的Kendo自定义验证

Angularjs 日期选择器的Kendo自定义验证,angularjs,kendo-ui,kendo-datepicker,kendo-validator,Angularjs,Kendo Ui,Kendo Datepicker,Kendo Validator,我在kendo datepicker自定义验证方面遇到了问题(事实上,在web上并没有太多以角度方式进行自定义验证的示例)。我已经设置了日期选择器的最小值,但它只在用户从下拉列表中选择日期时起作用 如果在datepicker的输入字段中键入日期,则最小值不会影响。我想至少向用户显示他们输入的日期无效 但对我来说,怎么做似乎有点困惑 这是html部分:(vm是我的控制器) 例如,如果输入的日期小于今天,我想使其无效(强制用户键入大于今天的日期) 如果您能帮我解决这个问题,我将不胜感激。是的,根据T

我在kendo datepicker自定义验证方面遇到了问题(事实上,在web上并没有太多以角度方式进行自定义验证的示例)。我已经设置了日期选择器的最小值,但它只在用户从下拉列表中选择日期时起作用

如果在datepicker的输入字段中键入日期,则最小值不会影响。我想至少向用户显示他们输入的日期无效

但对我来说,怎么做似乎有点困惑

这是html部分:(vm是我的控制器)

例如,如果输入的日期小于今天,我想使其无效(强制用户键入大于今天的日期)


如果您能帮我解决这个问题,我将不胜感激。

是的,根据Telerik的说法,最小和最大选项仅适用于日期选择器的日历()


如果您想评估用户的直接输入,您必须在验证器中创建一个自定义规则,例如,看看这个实现:

是的,根据Telerik,最小和最大选项仅应用于日期选择器的日历()

如果要评估用户的直接输入,必须在验证器中创建一个自定义规则,例如,查看以下实现:

<form name="myForm" kendo-validator="vm.validator" ng-submit="vm.validate($event)">
    <input id="systemValidityFrom" name="systemValidityFrom" data-type="date" kendo-date-picker
        k-options="vm.validityFromOption" k-ng-model="vm.nominationVM.ValidityFromDate" placeholder="Start date"
        required validationMessage="Enter a valid date" />

    <input type="image"
        src="/webapp/content/img/globalIcons/save_icon@1x.png"
        name="template-save-button"
        class="template-btn"
        id="template-save-button"
        ng-click="vm.saveChanges();" />

    <label for="template-save-button">Save</label>
</form>
vm.nominationVM = {ValidityFromDate: null};

vm.saveChanges = function () {
    if (vm.validator.validate()) {
        TemplateService.saveTemplate();
    } 
};

vm.validityFromOption = {
    min: new Date()
};