2016-12-06 9 views
1

剣道の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() 
}; 

例えば、私はそれが小さければ入力された日付は無効にしたいです(今日よりも大きな日付をユーザーに入力させる)。

この問題で私を助けることができれば幸いです。

答えて

関連する問題