Question

我遇到了kendo datepicker自定义验证的问题（网上找不到很多以角度方式进行自定义验证的示例）。我已经设置了datepicker的最小值，但只有当用户从下拉列表中选择日期时它才有效。

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

但对我来说这似乎有点令人困惑。

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

<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>

这是JS部分：

vm.nominationVM = {ValidityFromDate: null};

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

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

例如，我想让输入的日期无效，如果小于今天（强制用户输入的日期大于今天）。

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

Answer 1

是的，根据Telerik的说法，Min和Max选项仅适用于DatePicker的日历（https://www.telerik.com/forums/datepicker---max-and-min）。

如果您想评估用户的直接输入，您必须在验证器中创建自定义规则，以查看此实施的示例：https://demos.telerik.com/kendo-ui/validator/custom-validation

针对datepicker

1 个答案: