2016-12-06 6 views
1

У меня возникла проблема с пользовательской проверкой даты кендо (на самом деле в Интернете не так много примеров для выборочной проверки в угловом режиме). Я установил минимальное значение datepicker, но оно работает только в том случае, если пользователь выберет дату из выпадающего списка.Kendo custom validation for 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/[email protected]" 
     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() 
}; 

Например, я хочу, чтобы введенная дата недействительным, если оно меньше чем сегодня (заставляя пользователя вводить дату больше, чем сегодня).

Буду благодарен, если вы можете помочь мне с этой проблемой.

ответ

0

Да, согласно Telerik, опции Min и Max применяются только в календаре DatePicker (https://www.telerik.com/forums/datepicker---max-and-min).

Если вы хотите, чтобы оценить непосредственный ввод пользователя, вам придется создать пользовательское правило в вашем валидатора, для примера рассмотрим эту реализацию: https://demos.telerik.com/kendo-ui/validator/custom-validation