的日期选择
问题描述:
我在与剑道日期选择器自定义的验证问题剑道自定义的验证(这里其实并不是网上寻找角度的方式定制验证上找到许多例子)。我已经设置了日期选择器的最小值,但如果用户从下拉日它才有效。的日期选择
如果日期在日期选择器输入字段中键入的最小值不能影响。我想至少表明,他们已经进入了一个无效的日期用户。
但似乎有点混乱,我该怎么办呢。
这是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()
};
例如,我想使输入的日期无效的,如果它是少比今天(强制用户键入日期大于今天)。
我会很感激,如果你能帮助我这个问题。
答
是,根据Telerik的,最小和最大选项仅在的DatePicker日历(https://www.telerik.com/forums/datepicker---max-and-min)应用。
如果要评估用户的直接输入,你必须建立在你验证一个自定义规则,对于一个例子看看这个实现:https://demos.telerik.com/kendo-ui/validator/custom-validation