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