剣道のdatepickerカスタムバリデーションに問題があります(カスタムバリデーションのために実際には角度のない例はほとんどありません)。 datepickerの最小値を設定しましたが、ユーザーがドロップダウンから日付を選択した場合にのみ機能します。剣道のdatepickerカスタムバリデーション
日付がdatepickerの入力フィールドに入力されている場合、最小値は影響を受けません。少なくとも、無効な日付を入力したことをユーザーに示す必要があります。
しかし、それをどうやって行うのかちょっと混乱しているようです。
これは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()
};
例えば、私はそれが小さければ入力された日付は無効にしたいです(今日よりも大きな日付をユーザーに入力させる)。
この問題で私を助けることができれば幸いです。